1

position:absolute中央の列で andleftを使用rightして、親 div に対してどこで終了するかを設定できます。

ただし、中央の div の左側を左の列が終了するところから開始し、左の列を (その内容に基づいて) 調整できるようにしたいと考えています。

これは非常に基本的なことのように思えますが、私が理解していることから、フレックスボックスなしでこれを行う方法はありません。これは本当ですか？意味的に余分な要素と特定のスタイルを に設定した巧妙なネストでできることはありませんautoか?

4

2 に答える 2

2

右側divに幅が設定されている場合 (% または px のいずれか)、はい、左divの幅をそのコンテンツによって定義しdiv、残りのスペースを中央で埋めることができます。

#right {
  position: absolute; /* position in top right corner */
  top: 0;
  right: 0;
  width: 80px;
}
#center {
  margin-right: 80px; /* same as #right width */
}
#left {
  float: left;
}

jsFiddle デモ </p>

于 2012-06-29T03:10:39.233 に答える
0

私が言えることから、単純なフローティングブロックを使用したほうがよいでしょう。それらすべてを一緒に絶対配置したい場合は、それらを絶対コンテナーにラップし、その中でフロートさせることができます。なぜそれらを完全に配置する必要があるのか​​ 理解できないかもしれませんが、これは実行可能なオプションのようです.

于 2012-06-29T03:08:59.420 に答える