課程
/前端開發(fā)
/HTML/CSS
/CSS深入理解之float浮動(dòng)
請(qǐng)問為什么要設(shè)置display:table-cell; width:2000px?
2016-10-19
源自:CSS深入理解之float浮動(dòng) 6-2
正在回答
display:table-cell會(huì)觸發(fā)BFC,作用是清除浮動(dòng)影響,例子當(dāng)中內(nèi)容少體現(xiàn)不出,當(dāng)文字足夠長你就可以發(fā)現(xiàn)文字開始包圍圖片了(禽獸,放開vivian~)
慕少7532173 提問者
我也是這樣的感覺。只要右邊內(nèi)容足夠多,就不會(huì)有問題。就算加了?display:table-cell 右邊內(nèi)容少的話也有問題。
不信的話,你試試。所以我覺得這個(gè)還是要清除浮動(dòng),最小高度至少是 頭像的高度才行。不然布局會(huì)亂
舉報(bào)
課程將會(huì)從感性的認(rèn)識(shí)的角度講解CSS float屬性,浮動(dòng)的前世今生
1 回答去掉關(guān)鍵的那一行代碼效果不變
1 回答左邊div左浮動(dòng),右邊div設(shè)置display:table-cell,為什么會(huì)實(shí)現(xiàn)只能布局?
2 回答老師,你的代碼?都寫得好高端,適當(dāng)加點(diǎn)注釋就完美了
1 回答直接把代碼copy過來的,但是為什么實(shí)現(xiàn)不了文字環(huán)繞效果
3 回答我直接用img設(shè)置浮動(dòng)不行嗎?展現(xiàn)的效果也是一樣的啊
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-10-23
display:table-cell會(huì)觸發(fā)BFC,作用是清除浮動(dòng)影響,例子當(dāng)中內(nèi)容少體現(xiàn)不出,當(dāng)文字足夠長你就可以發(fā)現(xiàn)文字開始包圍圖片了(禽獸,放開vivian~)
2017-06-28
我也是這樣的感覺。只要右邊內(nèi)容足夠多,就不會(huì)有問題。就算加了?display:table-cell 右邊內(nèi)容少的話也有問題。
不信的話,你試試。所以我覺得這個(gè)還是要清除浮動(dòng),最小高度至少是 頭像的高度才行。不然布局會(huì)亂