課程
/前端開發
/HTML/CSS
/如何用CSS進行網頁布局
什么時候用哪種啊 我看這里的例子全部用浮動解決了 好像就用到過一次絕對 相對定位?而且我之前再看別的課程的時候 不是說浮動的時候會有影響嗎 怎么這里全都規規矩矩的,,,,
2016-03-13
源自:如何用CSS進行網頁布局 5-2
正在回答
絕對定位使元素脫離文檔流,因此不占據空間。普通文檔流中元素的布局就當絕對定位的元素不存在時一樣。因為絕對定位的框與文檔流無關,所以它們可以覆蓋頁面上的其他元素。 而浮動元素的定位還是基于正常的文檔流,然后從文檔流中抽出并盡可能遠的移動至左側或者右側。文字內容會圍繞在浮動元素周圍。當一個元素從正常文檔流中抽出后,仍然在文檔流中的其他元素將忽略該元素并填補他原先的空間。它只是改變了文檔流的顯示,而沒有脫離文檔流,理解了這一點,就很容易弄明白什么時候用定位,什么時候用浮動了。 一個元素浮動或絕對定位后,它將自動轉換為塊級元素,而不論該元素本身是什么類型。最后浮動與絕對/相對定位根據你的需求而定?
一般排版簡潔的時候可以用浮動,但是想要用浮動,就必須給div設寬,不然div就會獨占一行,達不到并列的效果
betterl 提問者
舉報
用最簡潔的案例教你布局的那些知識,這是前端工程師基本技能
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-05-22
絕對定位使元素脫離文檔流,因此不占據空間。普通文檔流中元素的布局就當絕對定位的元素不存在時一樣。因為絕對定位的框與文檔流無關,所以它們可以覆蓋頁面上的其他元素。
而浮動元素的定位還是基于正常的文檔流,然后從文檔流中抽出并盡可能遠的移動至左側或者右側。文字內容會圍繞在浮動元素周圍。當一個元素從正常文檔流中抽出后,仍然在文檔流中的其他元素將忽略該元素并填補他原先的空間。它只是改變了文檔流的顯示,而沒有脫離文檔流,理解了這一點,就很容易弄明白什么時候用定位,什么時候用浮動了。
一個元素浮動或絕對定位后,它將自動轉換為塊級元素,而不論該元素本身是什么類型。
最后浮動與絕對/相對定位根據你的需求而定?
2016-03-14
一般排版簡潔的時候可以用浮動,但是想要用浮動,就必須給div設寬,不然div就會獨占一行,達不到并列的效果