HTML: margin重疊現象的說明
2句話:
①相鄰的兩個普通元素,上下邊距,不是簡單的相加,而是取邊距較大的元素(若相邻的两个普通兄弟元素,它们的margin 值是一样的,则各取两个元素的margin 值的一半.)
②关系为父子的两个div元素,竖直方向上如果两个元素都设有margin值,则会取margin值较大的元素的边距值,且只設置父元素的這個方向的邊距值。
例①
.dv1{
height:100px;
background-color:red;
margin-bottom: 50px;
}
.dv2{
margin-top: 100px;//取較大的
background-color: green;
height:100px;
}
<div class="dv1">DV1</div>
<div class="dv2">DV2</div>
例②
#dv3 {
height:100px;
margin-top: 10px;
background-color: blue;
}
#dv4 {
margin-top:0px;
height:50px;
background-color: black;
}
<div id="dv3"> <div id="dv4"> 我是dv4 </div> </div>
直觀的看法就是自己動手測試!
---- 始终相信这句:
----“做每天该做的事,不计结果!”
---- 因爲對於編程還只是新手,對很多知識掌握的不牢靠,歡迎大家批評指正~~|=-=|~~
----“做每天该做的事,不计结果!”
---- 因爲對於編程還只是新手,對很多知識掌握的不牢靠,歡迎大家批評指正~~|=-=|~~