Css问题明确：我的代码

Question

我正在开发一个分类广告网站。 我不能再次创建这个问题，因为有很多css选择器参与这个场景，所以我提供url并想要一个合适的解决方案。请参阅附图。

访问：classified site

并选择作业类别，您将看到特定于作业的输入，例如工作类型，职位类型和薪资期。

我希望行作业类型和排名类型

之间的空格

我有一个选择器

.meta_list .meta:after {
    content: "";
    clear: both;
}

适用于职位类型和薪资期，但不适用于职位类型

Answer 1

这是保证金的问题，不是明确的解决方法。 一旦改变这个css代码。

＆＃13;

＆＃13;

.meta_list .meta ul {
    margin: 10px 0; /* Changed Value */
    padding: 0;
    list-style: none;
    float: left;
}

＆＃13;

＆＃13;

＆＃13;

Answer 2

您是否尝试将高度添加到.meta_list .meta：after？

我不确定，但我认为清楚：两者都避免在两侧都有浮动元素，但不会在元素之间增加空间

Answer 3

在div .meta

下方添加ul

<div style="clear: both;"></div>

OR

添加margin-bottom