margin外边距属性

Posted hugegege

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了margin外边距属性相关的知识,希望对你有一定的参考价值。

外边距属性:

设置元素与元素之间的距离(外边距),4个方向(上右下左)。

margin:长度值|百分比|auto

margin-top

margin-right

margin-bottom

margin-left

说明:值可为负值。

 

默认情况下,相应html块级元素存在外边距

body、h1~h6、p......

声明margin属性,覆盖默认样式:

body,h1,h2,h3,h4,h5,h6,p{ margin:0; }

 

margin值为auto,实现水平方向居中显示效果。

由浏览器计算外边距。

 

垂直方向,两个相邻元素都设置外边距,外边距会发生合并。

合并后外边距高度=两个发生合并外边距的高度中最大值。

以上是关于margin外边距属性的主要内容,如果未能解决你的问题,请参考以下文章

margin代码啥意思

margin外边距属性

margin属性以及垂直外边距重叠问题

margin 外边距

改变盒子模型外边距的是

margin----padding区别及bug