[CSS] 根元素

html-css014

[CSS] 根元素,第1张

CSS 中的根元素是指 :root 选择器 匹配到的元素，

也就是文档树中最顶层结构的元素。

在不同的场景下具体的根元素不同。

在 HTML 中是 <html>元素，但在其他情况下，就不是 <html>元素。

（1）HTML

（2）XML

（3）SVG

你这个嵌套关系有点乱，如果你第二个div不想要的话为什么不直接放在#div1 #div2外面。

按照css的继承关系，#div2只能继承width:200px的属性。

如果哈，如果你这外面已经没有其他的元素了，你直接给它加一个style='width:90%'好了。

我建议你换一个写法

<div id="div1" style="width:90%">

   <div style="width:200pxposition: relative"></div>

   <div id="div2" style="position: absolutetop:0left:0"></div>

</div>

这样#div2就可以继承#div1的属性并且不会被第二个div干扰了。

关于css的嵌套关系

http://jingyan.baidu.com/article/647f0115eb4cb17f2148a8a7.html