質問: このインラインブロック要素がなぜ下に押されているのですか? 以下は私のコードです。私はそれを理解したいのです--- why #firstdivはすべてのブラウザによって押し下げられています。私は本当に理解するどういうわけかそれを上向きに引っ張るのではなく下向きにプッシュされているという事実の内部の仕組み。 (そして私は彼らのトップを合わせる方法を知っています:))そして私は、そのオーバーフローが隠れていることを知っています。 body { width: 350px; margin: 0px auto; } #container { border: 15px solid orange; } #firstdiv { border: 10px solid brown; display: inline-block; width: 70px; overflow: hidden; } #seconddiv { border: 10px solid skyblue; float: left; width: 70px; } #thirddiv { display: inline-block; border: 5px solid yellowgreen; } <div id="container"> <div id="firstdiv">first</div> <div id="seconddiv">second</div> <div id="thirddiv">third <br>some more content<br> some more content </div> </div> http://jsfiddle.net/wgcyu/ 。
回答: vertical-align:top;を使うだけ デモ