同一div內的兩個div，其中float:left;如果在前面，那么會產生占位。????why？我感覺應該是兩個div的內容進行重疊，可為什么沒重疊，而第一個div float:left;還占位了？<div id="one" style="width:500px; height:30px; border:1px solid black;">? ? <div id="lfInOne" style="float:left;width:100px; height:30px; background:yellow;">float的內容</div>? ? ? ? <div id="inOne" style="width:500px; height:30px;">標準文檔流的內容</div> ? ? ? ?</div>
3 回答
已采納
淡雅的默
TA貢獻102條經驗 獲得超139個贊
float是針對元素的浮動定位，并不是絕對定位，如果你的float改成position：absolute，那么兩個元素就是重疊；
float浮動后，元素本身還是要占據父元素內的空間的，就比如說，你桌子上有兩個筆記本，其中一個向左邊靠，另一個沒有給他位置，可以隨意的，那么向左的那個本身還是占據了桌子的空間；
那么講解下position定位；position定位常用的三種；
1、relative，相對定位；相對定位只根據父元素的位置定位，一般默認是在父元素下面沒有任何樣式，可以自己規定相應的樣式；
2、absolute，相對于父元素的絕對定位，這是定位一般用在元素內需要進行絕對定位的元素，（如：我想把一個圖片絕對定位到元素內的左下角，一般這樣寫:img{position:absolute;right:0;bottom:0;}）注意的是，元素使用絕對定位后，那么它的父元素需要進行一次相對定位，不然絕對定位的元素是以body（也就是整個網頁）來進行定位的；
3、fixed，相對于瀏覽器窗口來定位；這個定位一般用到的地方，如網頁右側的聯系彈框，返回頂部，分享等；
怎么使用呢？
樣式（以類名為top為例）：.top{positon:fixed;left:0;top:100px;}表示：元素顯示在瀏覽器的最右邊，距離頂部100px的距離；
-
咕咕問萬分感謝
- 3 回答
- 1 關注
- 2569 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消