html - 奇怪的 HTML、CSS 错误

Question

当前代码位于: Pastie

出于某种奇怪的原因，我的 CSS 在一个位置工作，而不是另一个相同样式和所有位置的位置。这就是我的意思。

编辑 JSFiddle对于 8,000 行 CSS 感到抱歉，但这是重现我所看到内容的最简单方法

这是创建那个蓝色条的代码

<div class="node">
     <div class="nodeInfo categoryNodeInfo categoryStrip">
           <h3 class="nodeTitle">Donation Ranks</h3>
     </div>
</div>

Answer 1

在 image-rounded-row css 类上使用以下 css 修复了它

.img-rounded-row{
    margin-top: 20px;
    margin-bottom: 20px;
    display: table;
}

我的错误是当我通过将背景变黑来测试它时没有将它显示为表格，它可能只有 10 像素高，但其中的 div 溢出了。