为什么div不受css的影响？

Question

css仅影响第一个框。它没有任何意义。 margin-bottom只会将第一行与第二行分开然后它不起作用。我该如何解决。 这是测试站点的链接。 http://stack.x10.mx/

Answer 1

为什么所有css内联？在CSS文件或头部中的元素中，添加：

.sdw{
    margin-bottom: 5px;
}

Answer 2

你的问题源于这样一个事实：每个srow div中的两个div都是浮动的，这意味着DOM不会计算它们的高度，而你的srow div基本上会结束高度为0px。这就是为什么你必须设置160px的底部边距但只能得到10px左右的差距 - 你的边距覆盖了每行中两个项目的整个高度，然后剩下的任何东西显示为间距。第二行的内容高于160px，因此没有任何内容留下来作为间隙。

核心问题是布局编码稍差，但如果你想要解决这个问题的快速（虽然稍微有点hacky），只需在两行内容div之后的每一行中添加<br style="clear:both;" />。这会强制DOM识别其高度，这意味着您的srow div现在具有正确的高度。然后，您可以将行的下边距更改为合理的内容，例如10px，知道布局将正确计算。