元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
绝对定位的元素是脱离标准流的。不会占用标准流中的空间。
绝对定位的元素不区分块级元素/行内元素/行内块级元素。
如果一个绝对定位的元素是以body作为参考点, 那么其实是以网页首屏的宽度和高度作为参考点, 而不是以整个网页的宽度和高度作为参考点。定位的元素会随着页面滚动而滚动。
当一个盒子绝对定位之后不能使用margin: 0 auto;让盒子自身居中,可以使用left: 50%; margin-left:-元素宽度一半px设置居中;
元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
固定定位的元素是脱离标准流的, 不会占用标准流中的空间。即可以理解为从标准流中删除。
固定定位的元素是不区分块级元素/行内元素/行内块级元素。
E6和更低版本不支持固定定位,可以使用javascript解决。
使用相对定位时,无论该元素是否移动,元素仍然占据原先的空间,因此移动元素会导致它覆盖其他框。
在相对定位中同一个方向上的定位属性只能使用一个。
相对定位是不脱离标准流的, 所以在相对定位中区分块级元素/行内元素/行内块级元素。且因为相对定位的元素会占用标准流中的位置, 所以当给相对定位的元素设置margin/padding等属性的时会影响到标准流的布局。
浮动流中没有居中对齐, 没有center这个取值。在浮动流中是不可以使用margin: 0 auto。
在浮动流中是不区分块级元素/行内元素/行内块级元素的。无论是块级元素/行内元素/行内块级元素都可以水平排版。都可以设置宽高。
当元素被设置为浮动后,那么他会脱离标准流(脱标),不会占用标准流中的空间。如果此时后面的元素没有浮动,那么此时这个元素会盖住后面的元素。
Atas ialah kandungan terperinci HTML网页布局方式有哪些. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!