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