css盒模型

 

 

 

外边距塌陷：

上面的margin-bottom和下面的margin-top合并了

解决：flex布局没有这个问题，或则使用BFC

----->

 

父元素没有设置position,默认position就是static,当父元素是static时，子元素positon为absolute

就以body为参照系：

--->

如果把父元素的position设置为relative:

--->

 

记住：子元素设置position:absolute，父元素不是position:static时候，子元素的定位无视父元素。

 

但是如果子元素设置position:absolute，但是不设置top/bottom/left/right的话，起始位置就走标准文档流：

---->所以走标准文档流，按照先后顺序被son1挤下去了：

如果我们设置其中一个值，比如设置top:0:

-->

 

fixed只相对于浏览器窗口