為什么要往下推這個內(nèi)聯(lián)塊元素？下面是我的代碼，我想了解為什么#FirstDiv正在被所有瀏覽器向下推。我真的很想理解為什么它被向下推而不是以某種方式向上拉的事實的內(nèi)在運作。(我知道如何對齊他們的頂部：)我知道它的溢出：隱藏的，這是導(dǎo)致它，但不確定它為什么要把它向下。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/.
4 回答
回首憶惘然
TA貢獻1847條經(jīng)驗 獲得超11個贊
一般來說，線框的起始邊緣與其包含塊的起始邊緣相接觸，而末端邊緣則觸及其包含塊的末端邊緣。但是，浮動框可能位于包含塊邊緣和行框邊緣之間。因此，雖然相同內(nèi)聯(lián)格式上下文中的行框通常具有相同的行內(nèi)推進(包含塊的行內(nèi)進度)，但如果可用內(nèi)聯(lián)級數(shù)空間由于浮動而減少[.]，則可能會有所不同。
overflow
由于浮點數(shù)不在流中，所以在浮點數(shù)框之前和之后創(chuàng)建的非定位塊框垂直地流動，就好像浮點數(shù)不存在一樣。但是，在浮點數(shù)旁邊創(chuàng)建的當(dāng)前和后續(xù)行框在必要時會被縮短，以便為浮動的邊距框騰出空間。
display:inline-block;baseline
“內(nèi)聯(lián)塊”的基線是其在正常流中的最后一行框的基線，除非它沒有流內(nèi)行框，或者它的“溢出”屬性具有“可見”以外的計算值，在這種情況下，基線是底部邊距。
inline-blockbaseline 3
overflow:hidden#firstDiv#containeroverflow:hidden
TL；DR：
添加回答
舉報
0/150
提交
取消