第一個div設置float后會覆蓋第二個沒設置浮動的div，但不會覆蓋第二個p標簽里面的文字。雖然百度了很多，但還是不是很理解。望大神幫忙。還有第二個問題，在懵逼理解的情況下，又不懂一個問題，代碼如下：<html><head> ? ?<title>浮動問題</title> ? ?<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> ? ?<style type="text/css"> ? ? ? ?*{padding: 0px; ? ? ? ? ?margin: 0px;} ? ? ? ?.fudong{width:200px; ? ? ? ?height:200px; ? ? ? ?border:2px green solid; ? ? ? ?float: left;} ? ? ? ?.fudong1{width:400px; ? ? ? ?height:200px; ? ? ? ?border:2px green solid;} ? ?</style></head><body><div class="fudong">框一</div><div class="fudong1"><img src="img/1.jpg" height="200px" width="200px"></div></body></html>最后顯示的結果：如果把地二個div的width再改大一點（比如500px）,就可以了.可是按理說我的二個div寬度設置為400px就可以了啊，不理解，望解答.
3 回答
已采納
Lemon156
TA貢獻91條經驗 獲得超32個贊
對于問題一，因為div是塊級元素，所以對第一個div設置浮動并不會影響到本身的內容，相反會影響第二個div的內容，這也是你第二個問題，因為div的寬度是200px，還有邊框2px，所以第一個div的offsetWidth值是204px，所以它影響第二個div的寬度也是204px，因此第二個div的寬度至少也得404px，圖片才會在div內
希望這樣的解答能幫到你
添加回答
舉報
0/150
提交
取消