CSS的定位是將元素放置在文檔中的特定位置。可以使用各種方法來定位元素,包括從文檔流中移出,相對于父元素定位,絕對位置定位,和浮動等。
/* 將元素移出文檔流 */ .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屬性可以讓元素從文檔流中移出,也可以相對于其父元素進行定位,還可以使用絕對坐標定位元素。使用浮動可以讓元素向左或向右浮動,使文本等其他元素環(huán)繞在其周圍。