javascript - 關(guān)于使用overflow: hidden來(lái)清除浮動(dòng)的疑問
問題描述
正常情況下，給浮動(dòng)的父元素設(shè)置overflow:hidden;就可以清楚浮動(dòng)，但是我發(fā)現(xiàn)被浮動(dòng)元素的父元素是body時(shí)，給body設(shè)置overflow：hidden，是無(wú)法清除浮動(dòng)的，有人說(shuō)是body不屬于普通流，所以無(wú)效，有誰(shuí)能解釋下嗎？
感謝：CRIMX借用王大陸的一句話：
你這種人不是大神，就是走在成為大神的路上。
問題解答
回答1：這是因?yàn)椴]有產(chǎn)生新的 BFC
產(chǎn)生新 BFC 的一個(gè)條件：
Block-level, non-replaced elements in normal flow when ’overflow’ does not compute to ’visible’ (except if the ’overflow’ property’s value has been propagated to the viewport).
為什么對(duì) <body> 設(shè)置 overflow 會(huì)擴(kuò)散到 viewport：
UAs must apply the ’overflow’ property set on the root element to the viewport. When the root element is an HTML 'HTML' element or an XHTML 'html' element, and that element has an HTML 'BODY' element or an XHTML 'body' element as a child, user agents must instead apply the ’overflow’ property from the first such child element to the viewport, if the value on the root element is ’visible’. The ’visible’ value when used for the viewport must be interpreted as ’auto’. The element from which the value is propagated must have a used value for ’overflow’ of ’visible’.
相關(guān)文章：
1. python - 如何統(tǒng)計(jì)一份英文 API 開發(fā)文檔（如 javadoc文檔）的詞頻？2. mysql優(yōu)化 - mysql 一張表如果不能確保字段列長(zhǎng)度一致，是不是就不需要用到char。3. python - oslo_config4. 請(qǐng)教一個(gè)mysql去重取最新記錄5. python - 請(qǐng)問這兩個(gè)地方是為什么呢？6. python - 為什么match匹配出來(lái)的結(jié)果是<_sre.SRE_Match object; span=(0, 54), match=’’>7. javascript - 按鈕鏈接到另一個(gè)網(wǎng)址 怎么通過百度統(tǒng)計(jì)計(jì)算按鈕的點(diǎn)擊數(shù)量8. 人工智能 - python 機(jī)器學(xué)習(xí) 醫(yī)療數(shù)據(jù) 怎么學(xué)9. php - 有關(guān)sql語(yǔ)句反向LIKE的處理10. 大家都用什么工具管理mysql數(shù)據(jù)庫(kù)？
網(wǎng)公網(wǎng)安備