javascript - CSS:根据内容扩展 float 元素的宽度

Question

我的一位同事正在研究一个 CSS 设计，其中包含一个无序列表(<ul> 标签)，它的 <li > 标签向右浮动。

每个列表项都包含一个 <div> (非 float )包含图像和段落。

内部<div>将鼠标悬停在其上方时，其宽度会发生变化(使用 jQuery 动画效果)。

问题是当 <div>的宽度改变了，它超出了 <li>边界。

一般来说，有没有一种方法可以根据内容元素的最大宽度来扩展或收缩 float 元素？

Answer 1

只是不要在 LI 或 UL 上设置任何宽度，它会扩展。 float 元素会自动“收缩包裹”其内容 - 除非通过设置高度或宽度特别要求。