边距或填充CSS以在两个对象之间添加空格

Question

大家下午好，

好的，我正在使用Joomla，我已经为组件添加了一些自定义文本。测试顶部有一个边距似乎可以添加一些空间，文本底部也有边距但是它与下一个对象之间没有添加任何空间。

自定义文字的自定义类

#albumstats {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    padding-bottom: 30px;
}

链接到页面---＆gt; http://macthedj.com/mixtapes/K/2-kodak-black/8-lil-b-i-g-pac.html

如果有人可以提供有关如何在文本底部添加空间的目标的解释，那将非常感激。

Answer 1

您应该在<div class="clearfix"></div>结束时添加#albumstats，因为这些孩子有float: left，元素float未被父母检测到

<div id="albumstats">
    <!-- your code -->
    <div class="clearfix"></div>
</div>

添加此内容后，margin和padding将适用