Div标签不能用作块标签

Question

在我的代码中，旁边有两个DIV：

<aside>
<div id="as_profile"></div>
<div id="as_search"></div>
</aside>

如您所知，DIV标记是块级标记。

因此，每个DIV中的内容不得显示在同一行中。他们必须使用其他行，但两个DIV中的内容显示在一行：

（蓝色区域为#as_profile area，绿色区域为#as_search area。）

您会看到一行显示#as_profile内容和#as_search内容。

他们必须这样工作：

所以我补充说：

#as_profile { display : block ; }
#as_search { display : block ; }

但即使使用此代码，问题也无法解决。

为什么DIV标签像内联标签一样工作？以及如何修复它们？

Here is a Jsfiddle.

Answer 1

您需要使用此样式来停止搜索DIV浮动：

#as_search { clear: both; }

JSFiddle DEMO

搜索DIV是浮动的，因为DIV中的ul列表中浮动的li元素位于它之前，所以你需要清除浮动行为