元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
绝对定位的元素是脱离标准流的。不会占用标准流中的空间。
绝对定位的元素不区分块级元素/行内元素/行内块级元素。
如果一个绝对定位的元素是以body作为参考点, 那么其实是以网页首屏的宽度和高度作为参考点, 而不是以整个网页的宽度和高度作为参考点。定位的元素会随着页面滚动而滚动。
当一个盒子绝对定位之后不能使用margin: 0 auto;让盒子自身居中，可以使用left: 50%; margin-left:-元素宽度一半px设置居中;
2 fixed，固定定位：固定定位可以理解为是绝对定位的一种。固定定位的元素位置是相对于浏览器窗口决定的。这使得能够创建总是出现在窗口固定位置的元素。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
固定定位的元素是脱离标准流的, 不会占用标准流中的空间。即可以理解为从标准流中删除。
固定定位的元素是不区分块级元素/行内元素/行内块级元素。
E6和更低版本不支持固定定位，可以使用javascript解决。
3 inherit，继承：继承父元素position属性的值。4 relative，相对定位：相对定位就是相对于自己以前在普通流中的位置来移动。即相对于其正常位置进行定位。使用相对定位时，无论该元素是否移动，元素仍然占据原先的空间，因此移动元素会导致它覆盖其他框。
在相对定位中同一个方向上的定位属性只能使用一个。
相对定位是不脱离标准流的, 所以在相对定位中区分块级元素/行内元素/行内块级元素。且因为相对定位的元素会占用标准流中的位置, 所以当给相对定位的元素设置margin/padding等属性的时会影响到标准流的布局。
5 html' target='_blank'>static，静态定位：默认值，没有定位，元素出现在正常的流中，即上面的普通流，忽略 top, bottom, left, right 或者 z-index 声明。3 浮动流浮动流只有一种排版方式, 就是水平排版. 它只能设置某个元素左对齐或者右对齐。先浮动的元素会显示在前面, 后浮动的元素会显示在后面。浮动流中没有居中对齐, 没有center这个取值。在浮动流中是不可以使用margin: 0 auto。
在浮动流中是不区分块级元素/行内元素/行内块级元素的。无论是块级元素/行内元素/行内块级元素都可以水平排版。都可以设置宽高。
当元素被设置为浮动后，那么他会脱离标准流（脱标），不会占用标准流中的空间。如果此时后面的元素没有浮动，那么此时这个元素会盖住后面的元素。
郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。
新闻热点
疑难解答
