51问答网 > 刚刚接触到CSS，懂不明白了，margin-bottom和margin-top设置无效，上下边框还是无法分离，

刚刚接触到CSS，懂不明白了，margin-bottom和margin-top设置无效，上下边框还是无法分离，

2025-01-07 02:08:12

推荐回答（5个）

回答1：

外边距自动合并：本来是文本段落上很实用的功能，比如很多个

段落，每个段落都有20px的上下外边距，上下两段落之间的距离就是40px了，排版上这样就不好看，所以浏览器处理css时会把上面一个p的下边距和下面一个p的上边距自动合并，原来的40px合并为20px；

不巧的是有些情况下(比如你这个情况)，错误的把不该合并的上下外边距合并了，就导致出错。

解决方法，上下外边距各加1px边框(颜色设成跟页面背景一样)，由于加了边框高度多了2px，你再把高度减少2px。或者不用边框，上下各加1px内边距也可以。

回答2：

你说的是fooder div的外边距没起作用吧，那是因为在fooder上面的三个div的float属性是left，而fooder的float是none，同一层次下float方式不一样的话容易出乱，你这个就是这种情况。统一一下float方式就好了

回答3：

给需要的margin的元素加overflow:hidden 就可以了不行的话就float 这两个东西很多时候要用掉的感兴趣可以去深入研究一下的

回答4：

一般来说中间那三个div外面再加一个div框住会比较好。

另外你一会儿有浮动一会儿没浮动，这个太乱了。

你这个页面不是margin的问题。是浮动的问题。

回答5：

当所有元素的margin-top元素布局的角度来看，低于该元素的margin-top：加入5px;
两个利润率底轻松地缘顶部和底部的元素重叠
第三，一般页面布局解决方案是主箱的顶部或底部添加