HTML 或者說 CSS 中的根元素是指什麼元素？

01-07

http://www.w3help.org/zh-cn/kb/009/
前端精選文摘：BFC 神奇背後的原理
這裡面都說根元素能產生 bfc，如果說根元素就是 body，但是我測試 body 下的元素並不在 bfc 環境下被渲染，那麼 body 應該就不是根元素，到底什麼元素才叫做根元素，謝謝。

CSS 中的根元素是指 :root 選擇器匹配到的元素，也就是文檔樹中最頂層結構的元素。在不同的場景下具體的根元素不同。

在 HTML 中是 html 元素，但在其他情況下，就不是 html 元素啦。

例如可以在瀏覽器地址欄粘貼打開以下代碼看看效果：

data:application/xhtml+xml,&&:root { background: green; } html { background: red !important; }&&

再比如在 svg 中，根元素是指 svg

data:image/svg+xml;utf8,&

&:root{background-color: green;}&&

瀉藥

這裡這個詞兒

指的是整個文檔樹里

沒有父元素的為根

（不分析老IE對根認定問題）

實際上瀏覽器實現中

（前端）對根是（幾乎）無法用樣式修改觸及的

基本等同於視口

所以根所包含的內容是按BFC規矩排布的

你也不能讓某的東西浮動（定位）到根（視口）外

根總是能包含所有浮動（定位）

它要產生包括所有內容高度的滾動條啊