CSS：根据浮动元素的内容扩展浮动元素的宽度

Question

我的一位同事正在开发一个CSS设计，其中包含一个无序列表（<ul>标签），其中包含<li＆gt;标签漂浮到右边。

每个列表项都包含<div>（非浮动），其中包含图像和段落。

当悬停在它上面时，内部<div>的宽度会被更改（使用jQuery动画效果）。

问题是，当<div>的宽度发生变化时，它会超出<li>范围。

一般来说，有没有办法根据内容元素的最大宽度扩展或缩小浮动元素？

Answer 1

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