為塊級元素設置樣式為float:left，其塊級兄弟元素有樣式為margin-top:30px，此時浮動元素覆蓋到其兄弟元素上方，但是浮動元素不能覆蓋到兄弟元素的margin部分。瀏覽器截圖如下：從圖中可以看出，紅色的浮動元素沒有覆蓋到兄弟元素div#wrap的margin部分。各元素的樣式如下：#box { width: 200px;
height: 200px; padding-top: 20px; border-bottom: 10px solid; margin-bottom: 20px; background-color: red; float: left;
}#wrap { width: 100px; height: 100px; margin-top: 30px; background-color: yellow;
}
1 回答
嗶嗶one
TA貢獻1854條經(jīng)驗 獲得超8個贊
可以覆蓋到兄弟元素的margin部分(body、html其它代碼的影響)，先初始化整體代碼，或者#wrap部分進行float，也能實現(xiàn)你想要的效果。
- 1 回答
- 0 關注
- 608 瀏覽
添加回答
舉報
0/150
提交
取消