css之float

float - 浮動(dòng)

原始意義：用來(lái)實(shí)現(xiàn)讓文字環(huán)繞圖片而已

特性：包裹 于 破壞

辟開(kāi)浮動(dòng)的“破壞性”。浮動(dòng)就是個(gè)帶有方位的display：inline-block屬性

破壞性：破壞了圖片的inline-box模型，造成：

一：讓圖片與文字無(wú)法同行顯示，圖片脫離了其原來(lái)所在的line box鏈

二：父元素(containing-box)沒(méi)有了高度，（無(wú)inline-box -> 無(wú)line-box->無(wú)高度）

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案？ 參考答案 (1)瀏覽器兼容問(wèn)題一：不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,796評(píng)論 1贊 92
  • 以下文章是我在網(wǎng)上收集的內(nèi)容，為了記錄自己的學(xué)習(xí)以及為了以后不到處找而記錄下來(lái)，如果對(duì)你有用，請(qǐng)感謝寫(xiě)這些文章的前...
    DCbryant閱讀 953評(píng)論 0贊 2
  • 想必只要是寫(xiě)過(guò)CSS的同學(xué)，對(duì)float屬性肯定不陌生。float是在CSS很常用的屬性之一了。但有的時(shí)候，常用容...
    JimmyChung閱讀 713評(píng)論 0贊 3
  • float 屬性定義元素在哪個(gè)方向浮動(dòng)。在CSS中，任何元素都可以浮動(dòng)。浮動(dòng)元素會(huì)生成一個(gè)塊級(jí)框／Block，而不...
    _chuuuing_閱讀 428評(píng)論 0贊 0
  • ?前端面試題匯總 一、HTML和CSS 21 你做的頁(yè)面在哪些流覽器測(cè)試過(guò)？這些瀏覽器的內(nèi)核分別是什么? ...
    Simon_s閱讀 2,228評(píng)論 0贊 8