1.当一个块元素出现在另一个块元素上面时，第一个元素的下外边距与第二个元素的上外边距会发生合并，合并后的外边距的高度等于两个发生合并的外边距中较高的，在网页制作时，有时候会发现增加了margin-top或margin-bottom的值但元素没有移动，就是这个原因，如图：
2.当一个块元素包含在另一个块元素中时（假设没有内边距或边框把外边距分隔开），它们的上和下外边距也会发生合并，如图：
3.块元素的外边距甚至可以与自身发生合并，假设有一个空元素，它有外边距，但是没有边框或填充，这时候，它的上下外边距就会发生合并，如果这个外边距遇到另一个元素的外边距，还会合并，如图：
在实际应用中，第一个段落上面的空间等于段落的上外边距。如果没有外边距合并，后续所有段落之间的外边距都将是相邻上下外边距之和，如果发生外边距合并，段落之间距离就会一致了。如图：
4.行内元素不占上下外边距，其左右外边距不会发生合并
1.当一个块元素出现在另一个块元素上面时，第一个元素的下外边距与第二个元素的上外边距会发生合并，合并后的外边距的高...
padding和margin的简写方式 顺序是按照顺时针来的 css子选择器的使用注意事项：使用子选择器，会增加c...
一、margin的使用技巧 1.1、margin 的使用技巧一：设置元素水平居中： margin:x auto;,...
margin的使用 margin的叠压现象 margin的子债父偿现象 margin的使用 先来看下代码和效果： ...
一、对齐操作 使用margin进行水平对齐margin:auto 使用position进行左右对齐 使用float...
一：CSS 水平对齐1:使用 margin 属性来水平对齐除非已经声明了 !DOCTYPE，否则使用 margin...
容器使用负的margin bottom 底部使用负的margin bottom 转载自：https://w3ctr...
(1)margin-top和margin-bottom不能正常显示： 父盒子中的子盒子使用margin-top不管...
1. 使用尽量使用padding代替margin因为BFC问题, margin上下有可能会重叠 2. positi...
margin 块级元素之间；会有collapsing margin现象。 padding 块元素内部；使用box-...
本文标题：margin使用注意事项
本文链接：https://www.haomeiwen.com/subject/xvqglttx.html
网友评论