css子元素的margin-top为何会影响父元素
详细内容请点击 这个问题困惑了很久，虽然没有大碍早就摸出来怎么搞定它，但始终不明白原因出在哪里，如果只是IE有问题我也不会太在意，可问题是所有上等浏览器都表现如此，这样叫我怎能安心？今天总算下狠心查出来怎么回事，居然是CSS2.1盒模型规范……虽然很别扭，非常别扭的规定。 问题 ...
原文：子元素margin影响父元素的问题
CSS . 的盒模型中规定的内容 Collapsing margins： 所有毗邻的两个或更多盒元素的margin将会合并为一个margin共享之。 毗邻的定义为：同级或者嵌套的盒元素，并且它们之间没有非空内容 Padding或Border分隔。 解决办法： 给父元素加上padding border overflow:hidden IE要添加zoom: ， 或者给父元素 子元素设置为float p ...
2017-02-06 11:42 0 2605 推荐指数：
相关推荐
子元素应该margin-top为何会影响父元素【转】
这个问题困惑了很久，虽然没有大碍早就摸出来怎么搞定它，但始终不明白原因出在哪里，如果只是IE有问题我也不会太在意，可问题是所有上等浏览器都表现如此，这样叫我怎能安心？今天总算下狠心查出来怎么回事，居然是CSS2.1盒模型规范……虽然很别扭，非常别扭的规定。 问题如下图，两层Div结构 ...
子元素设定margin值会影响父元素
有些情况下，我们设定父元素下的子元素margin值时，父元素会被影响。 这是个常见问题，而且只在标准浏览器下 (FirfFox、Chrome、Opera、Sarfi)产生问题，IE下反而表现良好。 例如： 为了清楚，我这里将body背景色改为绿色，我们会发现，父元素被改变 ...
CSSmargin击穿问题（子元素margin-top会影响父元素）
最近写一个H5页面的时候发现了这个被忽视的问题，一时没想到什么原因，搜了半天，记录一下，方便他人踩坑。唉，有些东西不用就忘。 一、问题描述 最终效果：会发现在元素上面会有20px的空白，然而我们并没有对父元素设置margin，可见是子元素的 margin ...
父元素与子元素之间的margin-top问题
父元素的盒子包含一个子元素盒子，给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值，而子元素和父元素的边距则没有发生变化。 html代码： <div class="box1"> <div class="box2">< ...
解决子元素设置margin-top，效果到父元素上的问题
原因:子元素和父元素的上边框重合 前端开发在重构页面的时候,子集需要按照设计图来设计尺寸 有的时候给子元素设置margin-top 子元素没有效果,反而父元素起到了 margintop效果,原因就是子元素和父元素上边框重合在一起 解决办法 1为父元素设置内边距 ...
关于css中父元素与子元素之间margin-top的问题
会和其内部文档流中的第一个子元素的上边距重叠。两个相邻的margin之间如果没有明确的界限（paddi ...
解决子元素设置margin-top，效果到父元素上的问题
有时当我们设置子元素的margin-top，但是却发现子元素没有出现上外边距的效果，反而是父元素出现了上外边距的效果。 这种问题的解决方法如下： 1.给父元素加边框。 2.给父元素设置padding-top来代替给子元素设置margin-top。 3.内容生成(推荐)。代码 ...