欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

父元素與子元素之間的margin-top問(wèn)題(css hack)

  發(fā)布時(shí)間:2013-03-19 16:24:21   作者:佚名   我要評(píng)論
給子元素盒子一個(gè)垂直外邊距margin-top,父元素盒子也會(huì)往下走margin-top的值,遇到此問(wèn)題的朋友可以參考下本文或許會(huì)有意想不到的收獲
hack
父元素的盒子包含一個(gè)子元素盒子,給子元素盒子一個(gè)垂直外邊距margin-top,父元素盒子也會(huì)往下走margin-top的值,而子元素和父元素的邊距則沒(méi)有發(fā)生變化。
 
html代碼

復(fù)制代碼
代碼如下:

<div class="box1">
<div class="box2"></div>
</div>

css樣式

復(fù)制代碼
代碼如下:

.box1{height:200px;width:200px;background:gray;}
.box2{height:100px;width:100px;background:gold;margin-top:50px;}

解決方法
1、修改父元素的高度,增加padding-top樣式模擬(padding-top:1px;常用)
2、為父元素添加overflow:hidden;樣式即可(完美)
3、為父元素或者子元素聲明浮動(dòng)(float:left;可用)
4、為父元素添加border(border:1px solid transparent可用)
5、為父元素或者子元素聲明絕對(duì)定位

相關(guān)文章

最新評(píng)論