0

重複の可能性:
display:table-cell に項目を相対的または絶対的に配置できますか?

レイアウトをしていdisplay:tableます。デモはこちら.

2 番目のパネルには div#posがありposition:absoluteます。同様に、その親要素 ie div#twoisposition:relativeです。私が与えたとき#pos { width:100% }、それはdiv#two右の幅を取得する必要がありますか? #wrapperしかし、 の親である幅を取得していdiv#twoます。

それはテーブルセル配置の振る舞いですか？div#pos親の幅を持つようにするにはどうすればよいですか。の幅をハードコーディングしたくありません#pos。前もって感謝します。

4

1 に答える 1

1

ラッパーをテーブル right および as として設定した#oneため#two、table-cell#one および #two はインライン要素になり、div #pos which is position:absoluteis ブロックになります。したがって#wrapper、階層内の最初のブロック要素は #pos の親です。シングルチェンジを行いました。

#wrapper > div {
    display: table-row;
}

デモこれはあなたが探しているものですか?

于 2012-07-12T08:43:43.693 に答える