已采納回答 / 慕粉1617456504
float:left;float:right分別控制相應的元素,懸浮在父元素的左邊和右邊。如果不添加float元素的話,由于div是塊級元素,兩個div會靠左上下并排在一起,而不是左右。
2017-03-21
已采納回答 / qq_天天_66
其實你的已經自適應了,父級容器的寬為800px,左側為200px ,margin占了10px ,你的right的寬沒有設置,但是他相當于剩下的100%,也就是590px,所以他會占寬590px的,你可以用盒子看一下
2017-03-19
已采納回答 / 慕粉0816148815
body{margin:0;padding:0} .top{height:100px;background:#000} .main{width:800px;height:300px;background:#ccc;margin:0 auto} .foot{width:800px;height:100px;background:#900;margin:0 auto}
2017-03-14
已采納回答 / Tendernessmile
必須設置body的margin和padding為0,因為第一個和第三個div設置了絕對定位,所以看不出來有空隙,而第二個div就存在body的邊距,導致空隙的出現 ,你設置一個all并沒有改變body的邊距,所以空隙會存在
2017-03-04
已采納回答 / qq_與我如浮云_0
body不用設置relative,此時.top中的absolute仍然以body絕對定位,這個時候你是看不到top,因為絕對定位挺復雜這里不多說,后面main又設置了relative,這時,.left對父元素main絕對定位,建議以后浮動和定位不要一起用。這個代碼,你試試<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style ty...
2017-02-25
已采納回答 / 慕粉1840084516
因為 在"nav"和"section"的樣式中 使用了float元素定位,float會使子元素從父級元素中脫離出來,相當于從原來的塊級標簽變成行級標簽,所以他們就可以排列在一行了,而不是單獨占據一行
2017-02-24
已采納回答 / 慕虎9681967
浮動元素的排序規則1.1相同方向上的浮動元素,先浮動的元素會顯示在前面,后浮動的元素會顯示在后面1.2浮動元素浮動之后的位置,由浮動元素浮動之前在標準流中的位置來確定本例中right 右邊浮動前的位置就在第二行,所以按照浮動元素排序規則會貼靠右邊第二行如果非得用float, ?那就把right和mian兩個盒子掉個位置,,保證前兩個盒子順序是right和left就行了<div class="left">left</div><div class="right">right...
2017-02-22
已采納回答 / 慕UI9918925
<div class="main">?? ?<div class="left">?? ??? ?<div class="sub_left"></div>?? ??? ?<div class="sub_right"></div>??? </div>?? ?<div class="right"></div></div>你可以這樣實現,在一個兩列布局中在左邊或者右邊的列在嵌套一個兩列這不就是三...
2017-02-20