/* 将元素移出文档流 */ .element { position: absolute; top: -9999px; left: -9999px; } /* 相对于父元素定位 */ .parent { position: relative; } .child { position: absolute; top: 10px; left: 10px; } /* 绝对位置定位 */ .element { position: absolute; top: 10px; left: 10px; } /* 浮动 */ .element { float: left; width: 50%; }
上述代码示例中,使用position属性可以让元素从文档流中移出,也可以相对于其父元素进行定位,还可以使用绝对坐标定位元素。使用浮动可以让元素向左或向右浮动,使文本等其他元素环绕在其周围。