css--问题积累

1.父元素与子元素，子元素设置了margin-top，父元素没有设置，结果父元素也被顶了下去。

比如：

<div class='parent'>
    <div class='children' style='margin-top:40px;'></div>
</div>

这种写法照理来说应该是父元素贴边的，也就是没有margin-top的40px值，结果展现确实父元素也有margin-top的40px，被顶了下去。

解决方法是给parent增加属性：overflow:hidden

 

2.问题： 多层dom通过百分数设置width值，底层dom的width=100%依赖外层不是通过百分数设置值得dom来取值。

比如：

<div id="wrapper">
    <div style="width:96%">
          <div id="parent" style="width:100%">
                <div id="test" style="width:100%"></div>
          </div>
    </div>
</div>

　　#test的width是根据#wrapper的值来设置的。

想让#test的width根据其最近的父元素设值，可以对#parent添加属性position:relative