第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

看了別人的問題,還是不明白加了overflow:hidden的效果

.left dl dd{

display:block;

overflow:hidden;}

不加的話,第二行的dd內(nèi)容會排列到dt底下

dt | dd dd dd dd

dd ?dd dd dd ?但是加了hidden就會變成這樣

dt | dd dd dd dd

? ? ? dd dd dd dd

所謂的清楚浮動就是把父元素的float清除掉,所以第二行的dd才會排列的那里嗎?

但是dt也沒有固定的高度。。為啥會這樣

正在回答

2 回答

來的比較晚。希望對慕友有幫助。

我暫且將你的一群dd放到div里吧。

  1. 其實這里的overflow:hidden作用的確是清除浮動。說的再清楚一點就是:div計算高度時,將計算浮動元素的高——一群dd的高。

  2. 計算完畢后div作為一個塊級元素已經(jīng)有高有寬了,寬是直接等于父元素的內(nèi)容寬度,高則是內(nèi)容在里面排列超過寬度換行。

  3. dt是浮動元素,div里的a也是浮動的,div就被傳送到了dt身邊。最重要的一點,div在構(gòu)建完畢后寬度是一定的,這導(dǎo)致了它的形狀就只能是向下伸展的矩形。這就導(dǎo)致了,你的第二行dd排列到了那里,總不可能塊狀盒子是多邊形吧。

應(yīng)該就是醬,自己的理解,有誤還望指正。http://img1.sycdn.imooc.com//57ea23c800013f6124341698.jpg

1 回復(fù) 有任何疑惑可以回復(fù)我~
#1

慕用9564390

第一行之所以沒與第二行左對齊是因為字圍現(xiàn)象,dd寬度與dt本來就有交叉
2017-07-25 回復(fù) 有任何疑惑可以回復(fù)我~

溢出隱藏,主要就是防止dd里面的內(nèi)容溢出二造成顯示的錯亂

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

pocketsun 提問者

那為什么會產(chǎn)生上面的這種效果..dd也根本沒有溢出啊
2016-04-16 回復(fù) 有任何疑惑可以回復(fù)我~
#2

帥鍋 回復(fù) pocketsun 提問者

這個得看你具體的代碼結(jié)構(gòu)了
2016-04-16 回復(fù) 有任何疑惑可以回復(fù)我~

舉報

0/150
提交
取消

看了別人的問題,還是不明白加了overflow:hidden的效果

我要回答 關(guān)注問題
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號