<ul>包含浮动时的高度 <li>[英] <ul> height when containing floating <li>

本文是小编为大家收集整理的关于<ul>包含浮动时的高度 <li>的处理方法,想解了<ul>包含浮动时的高度 <li>的问题怎么解决?<ul>包含浮动时的高度 <li>问题的解决办法?那么可以参考本文帮助大家快速定位并解决问题。

问题描述

我有一个列表:

<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;
}

我该怎么做?列表中的项目数可能不同,因此我不能使用固定高度.

推荐答案

包含浮子的好选择:

其他推荐答案

这不是您问题的直接答案,但是作为替代方案,您可以考虑使用display:inline-block吗?如今,我只是在可能的情况下而不是float而不是float,因为大多数时候它可以实现相同的目标,而无需完全制造容器的整体麻烦,可以正确包含内部的浮动元素,并且必须始终clear它们.

其他推荐答案

测试它:

ul { overflow: hidden; }
li { float:right; display:block; }

将类添加到您的元素中,不要为所有元素执行此操作.

本文地址:https://www.itbaoku.cn/post/570142.html