标准流、浮动和定位
标准流如同固定在泳池底部,浮动如同漂浮在水面上,而定位则是定在空中;
1、子元素全部浮动后,父盒子高度为0,为了保持页面布局,需要清除浮动。
2、浮动压不住文字和图片,例如浮动最开始的目的就是为了实现文字围绕图片显示效果,定位可以覆盖任何元素。
3、浮动后不会出现外边距塌陷的情况,绝对定位也会解决塌陷问题
4、父级没定位则给相对定位,如果有(无论是相对定位、绝对定位还是固定定位,不能是静态定位)则不用管了,因为在使用中父盒子的父盒子我们一定给有相对定位。
5、若定位元素的父级没有定位,但是父级的父级有相对定位,那么定位元素的位置也会相对相对于父级的父级来说。
6、固定定位的代码写在哪里都是可以的,跟父级没关系,只跟浏览器窗口有关系,定位的元素一定要给宽度。
7、固定定位以浏览器可视区域为标准,不会跟着浏览器而上移;父元素没有定位的绝对定位以整个浏览器界面为标准,会上移。