CSS父元素与子元素之间的margin-top问题

给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值,遇到此问题的朋友可以看下怎么解决.
父元素的盒子包含一个子元素盒子,给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值,而子元素和父元素的边距则没有发生变化。 这一切的背后到底隐藏着什么不可告人的秘密?

你是不是遇到如图般的蛋疼呢?解决方法如下....

解决方法

1、修改父元素的高度,增加padding-top样式模拟(padding-top:1px;常用)

2、为父元素添加overflow:hidden;样式即可(完美)

3、为父元素或者子元素声明浮动(float:left;可用)

4、为父元素添加border(border:1px solid transparent可用)

5、为父元素或者子元素声明绝对定位 
声明:博客遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.彭朝领个人博客的原创文章,请转载时务必注明文章作者和"来源:彭朝领个人博客",不尊重原创的行为本网或将追究责任。
  • 上一篇:没有了
  •    
  • 下一篇:没有了
关于作者
微信:wangrubiao
  • 姓名:王儒标
  • 职业:留守待业
  • xxx:**********
  • xxx:**********
随机图文
更多>>>  

我是文章的标题...

虽然我不知道你会有多长,但是我觉得不会太短,毕竟还是在测试的阶段是吧?哈哈没事的,那你贼长吧。嗯好的....2014-02-30

我是文章的标题...

虽然我不知道你会有多长,但是我觉得不会太短,毕竟还是在测试的阶段是吧?哈哈没事的,那你贼长吧。嗯好的....2014-02-30

我是文章的标题...

虽然我不知道你会有多长,但是我觉得不会太短,毕竟还是在测试的阶段是吧?哈哈没事的,那你贼长吧。嗯好的....2014-02-30
文章分类
更多>>>  
摄影大作
更多>>>