CSS外边距、外边距合并问题

外边距(margin)

margin属性用于设置外边距,即控制盒子和盒子之间的距离。用法与padding一样。

外边距的典型应用(外边距可以让块级盒子水平居中,但是必须满足两个条件:)

  • 1.盒子必须指定了宽度(width)
  • 2.盒子左右的外边距都设置为auto。
  • .header{  width:960px; margin:0    auto;}

常见的写法,一下三种都可以:

  • margin-left:auto;margin-right:auto;
  • margin:auto;
  • margin:0 auto;

*****以上方法是让块级元素水平居中,行内元素或者行内块元素水平居中给其父元素添加text-align:center;即可。

外边距合并

 

  • 1.为父元素定义上边框 border:1px  solid transparent;(定义一个透明色边框)
  • 3.直接为父元素添加 overflow:hidden;。

清除内外边距

发布了46 篇原创文章 · 获赞 0 · 访问量 593

猜你喜欢

转载自blog.csdn.net/syyy9090/article/details/105119172