7. 浮動
對于可變高度的列來說,絕對定位就不起作用了,以下是另外一個方案。
我們可以浮動一個元素,使它移動到左邊/右邊,并且是文本環(huán)繞著它。這主要用于圖像,但這里我們把它用于一個復雜的布局任務(因為這是我們唯一的工具)。
#div-1a { float:left; width:200px; }
8. 浮動列
如果我們把一個元素向左浮動,并且把第二個元素也向左浮動,they will push up against each other。
#div-1a { float:left; width:150px; } #div-1b { float:left; width:150px; }
9. 清除浮動列
在浮動元素之后,我們可以清除浮動來使其他元素正確定位。
#div-1a { float:left; width:190px; } #div-1b { float:left; width:190px; } #div-1c { clear:both; }
英文原文:Learn CSS Positioning in Ten Steps 中文譯文:CSS Position
本文鏈接:http://m.95time.cn/tech/web/2009/7010.asp
出處:帕蘭映像
責任編輯:bluehearts
上一頁 CSS定位屬性Position詳解 [2] 下一頁
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論,我還想發(fā)表評論。
|