奇怪的HTML，CSS错误

Question

当前代码在此处： Pastie

由于一些奇怪的原因，我的css在1个地方工作，而不是另一个相同的风格和一切。这就是我的意思。

编辑 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 class

上的以下css修复它

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

我的错误并没有将它显示为一张桌子，当我测试它时，将背景变为黑色，它只有10px高，但里面的div过度流动。