wordpress 页面 - 定位元素

Question

我的 wordpress 页面模板是没有栏的（左侧或右侧边栏等）。 当我尝试通过 wordpress 富文本编辑器和 CSS 样式将两个 div 元素插入我的页面时，它变得很奇怪：

<div id='first'>lalalalala</div>
<div id='second'>lalalalala</div>

CSS：

div#first{
width:600px;
border-right:1px solid black;
float:left;
}
div#second{
width:200px;
margin-left:10px;
border-left:1px solid black;
}

什么是奇怪的？ div#second 不在#first 旁边，而是在它的下方。

这两个的父级宽度都超过 800 像素。

Answer 1

也将float:left 设置为div#second。