margin使⽤注意事项
margin属性怎么用1.当⼀个块元素出现在另⼀个块元素上⾯时,第⼀个元素的下外边距与第⼆个元素的上外边距会发⽣合并,合并后的外边距的⾼度等于两个发⽣合并的外边距中较⾼的,在⽹页制作时,有时候会发现增加了margin-top或margin-bottom的值但元素没有移动,就是这个原因,如图:
2.当⼀个块元素包含在另⼀个块元素中时(假设没有内边距或边框把外边距分隔开),它们的上和下外边距也会发⽣合并,如图:
3.块元素的外边距甚⾄可以与⾃⾝发⽣合并,假设有⼀个空元素,它有外边距,但是没有边框或填充,这时候,它的上下外边距就会发⽣合并,如果这个外边距遇到另⼀个元素的外边距,还会合并,如图:
在实际应⽤中,第⼀个段落上⾯的空间等于段落的上外边距。如果没有外边距合并,后续所有段落之间的外边距都将是相邻上下外边距之和,如果发⽣外边距合并,段落之间距离就会⼀致了。如图:
4.⾏内元素不占上下外边距,其左右外边距不会发⽣合并
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论