logo标签列表

边距问题，顶部边距放在底部边距之上

cssmargin
3

假设我有几个 <div>，每个都有一个 margin-top 和一个 margin-bottom。我希望这些元素依次排列: 对于每个元素，是 Top Margin -> Div -> Bottom Margin。 然而，顶部 margin 覆盖了底部 margin (fiddle)。所以每个元素之间的距离只是 margin-top。

我找到了一种使用 float:left; 修复此问题的方法，但是我必须不使用此属性，也不能使用绝对定位。

PS：如果您在 fiddle 中看不到问题，请使用类似 Chrome 控制台的工具。

我不太明白这里到底出了什么问题呢。我认为CSS的表现是符合预期的。根据我的观察，这里的边距如下：20像素边距 -> Div -> 30像素边距 -> Div -> 30像素边距 -> Div -> 30像素边距 -> Div -> 10像素边距。 - Sang Suantak
CSS已经应用，但视觉上看起来好像没有。顺便问一下，你在用哪个浏览器？ - JCOC611
1个回答
7
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接