[英]CSS: Expanding a floating element's width based on its contents
我的一位同事正在研究一種CSS設計，其中包含一個無序列表（ <ul>標簽），其<li >標簽向右浮動。
每個列表項都包含一個<div> （非浮動），其中包含圖像和段落。
當懸停在它上面時（使用jQuery動畫效果），內部<div>的寬度會被更改。
問題是當<div>的寬度發生變化時，它會超出<li>界限。
一般來說，有沒有辦法根據內容元素的最大寬度擴展或縮小浮動元素？
只是不要在LI或UL上設置任何寬度，它會擴展。 浮動元素會自動“收縮 - 包裹”其內容 - 除非特別要求通過設置高度或寬度。
當一個元素碰到另一個元素的固定寬度時，阻止該元素擴展其寬度
[英]stop an element from expanding its width when it hits another element’s fixed width
擴大寬度和高度 <div> 使用jQuery而不是CSS的鼠標懸停元素？
[英]Expanding width and height of a <div> element with mouseover using jquery instead of css?
縮放元素及其內容——替代 CSS3 的縮放屬性？
[英]Zooming an element and its contents-- an alternative to CSS3's zoom property?
根據父容器檢查文本元素的寬度（基於字體大小）
[英]Checking a text element's width (based on font-size) against its parent container
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
