css）保证金不起作用

Question

整个代码：http://jsfiddle.net/o3omng/Vh3u9/

<div id="as_profile" class="div_clearboth"></div>
<div id="as_notice" class="div_clearboth"></div>

在HTML代码中，#as_profile和#as_notice为
两者都有class="div_clearboth"属性。

.div_clearboth { clear : both ;
                 margin-bottom : 10px ; } 

在CSS代码中，
我明确指出：样式和margin-bottom : 10px style到div_clearboth属性。

在其他div标签中效果很好，
但它在#as_profile中效果不佳。

检查jsfiddle。然后，您可以看到#as_profile和#as_notice之间没有空格 它们必须距离10px。我该如何解决？

整个代码：http://jsfiddle.net/o3omng/Vh3u9/

<s_somethig>代码和[## 某些 ##]将自动替换为服务器。

Answer 1

您可以通过#as_profile除了可见之外的溢出值来更正它：

#profile_control {
    overflow: hidden;
}

或将显示更改为内联块：

#profile_control {
    display: inline-block;
}

或给它填充/边框：

#profile_control {
    padding: 1px 0 0 0;
}

正如@sevenseacat所指出的，罪魁祸首是li

中浮动的#as_profile

Answer 2

CSS：

#as_profile {
    padding-bottom:20px;
}

你可以使用Padding进行分割吗？它对我有用。

Jsfiddle