李走出了div

Question

我使用下面的代码在我的wordpress博客上显示右列。 （列表结构由wp_list_categories生成。）

<div class="rcolumn">
    <li class="categories">Categories
        <ul>
            <li class="cat-item1">
                <a href="#">Cat1</a>
            </li>
        </ul>
        <ul>
            <li class="cat-item2">
                <a href="#">Cat2</a>
            </li>
        </ul>
    </li>
</div>

问题是，这列的内容忽略了div，实际上是在它之外。整个李类别不在rcolumn。

.lcolumn {
    display:inline;
    float:left;
}

.rcolumn {
    float:left;
    display:inline;
    padding:0 5px;
}

.categories {
    margin-top:10px;
    border:1px solid #aaa;
    list-style:none;
}

我错过了什么？

Answer 1

.rcolumn {
  float:left;
  display:inline;  
  padding:0 5px;
  overflow: hidden;   <-- try this?
}