4

divs内部にいくつかの子を含む非常に基本的なコンテナがあり、 として表示されinline-blockます。子の div に実際にコンテンツを挿入するまで、すべてうまくいきます。それらにコンテンツがあると、明らかな理由もなく、それらが下に移動するように見えます。

これがすべてうまく機能するフィドルです

そして、これがすべて(コンテンツで)台無しになっているフィドルです

誰かがこれがなぜ起こっているのか、そしてそれを解決する方法を教えてもらえますか?

私は何時間もそれに取り組んできましたが、それを理解できないようです。どんな助けでも大歓迎です。

4

2 に答える 2

1

display: inline-block使用する代わりにdisplay: block; float: left;

http://jsfiddle.net/GtPWX/2/

vertical-align: topまたは、ボックスに設定することもできます。

于 2012-09-22T03:08:24.600 に答える
0

vertical-align:topボックスに追加します。

于 2012-09-22T03:09:31.677 に答える