包含浮动<li>时的<ul>高度

Question

我有一个清单:

<ul>
 <li>Number 1</li>
 <li>Number 2</li>
 <li>Number 3</li>
 ...
</ul>

所有的<li>都是浮动的.我需要<ul>盒子的高度.如果我没记错,这是无效的:

<ul>
 <li>Number 1</li>
 <li>Number 2</li>
 <li>Number 3</li>
 ...
 <hr class="clear" />
</ul>

.clear {
   clear: both;
}

我怎样才能做到这一点？列表中的项目数可能不同,因此我无法使用固定高度.

Answer 1

包含浮动的好选项:

• 添加overflow: hidden到ul.
• 使用clearfix.