页面元素层级关系

具有定位的元素的层级, 默认是后面的元素比前面的元素的层级高----(这是对同级元素来说)

 

标准流盒子低于浮动的盒子，浮动的盒子又低于定位的盒子。
定位(relative,absolute,fixed)高于浮动，浮动高于标准流。

给定z-index的值为层级的值时。（不给默认为0）----》

（层级为0的盒子，也比标准流和浮动高。）
（层级为负数的盒子，比标准流和浮动低。）
（层级不取小数）
（层级一样，后面的盒子比前面的层级高。）
（浮动或者标准流的盒子，后面的盒子比前面的层级高。）

 

 

定位中：abselute是不占位置的，relative是站位的的。而层级的高低，是和占不占位置没有关系的。

 

 

浮动元素占两层问题:　　

　　X(如果元素浮动, 那么是占用标准文档流中的位置的, 但是同时占用所在层级的位置, 好像和relative定位相同)

　　上面这句话好像是错的.....

　　当初得出上句话结论的时候是因为看到文字并没有显示在浮动元素内部, 而是紧贴着浮动的元素, 后来发现, 那是因为浮动元素会有"字围"效果.

 

　　但是, 浮动元素确实是仍然占用标准文档流中的位置.

 

 

 

关于浮动的其它问题, 详细可参考: https://blog.csdn.net/u014727260/article/details/54808760

 

 

补充:子元素如果不设置大小, 会默认与父元素同等宽度, 高度的话是由自己的内容决定的.