我的一位同事正在研究一个 CSS 设计，其中包含一个无序列表(<ul> 标签)，它的 <li > 标签向右浮动。
每个列表项都包含一个 <div> (非 float )包含图像和段落。
内部<div>将鼠标悬停在其上方时，其宽度会发生变化(使用 jQuery 动画效果)。
问题是当 <div>的宽度改变了，它超出了 <li>边界。
一般来说，有没有一种方法可以根据内容元素的最大宽度来扩展或收缩 float 元素？
最佳答案
只是不要在 LI 或 UL 上设置任何宽度，它会扩展。 float 元素会自动“收缩包裹”其内容 - 除非通过设置高度或宽度特别要求。
关于javascript - CSS:根据内容扩展 float 元素的宽度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8251389/