我有一个非常简单的示例，其中包含一个带有黑色边框的无序列表，其中一个子元素已隐藏：http://jsfiddle.net/spryno724/Sm9Lx/1/。注意隐藏的子元素比可见元素宽得多，但容器只能缩放到可见子元素的宽度。
CSS中是否有办法自动将此容器的宽度缩放到其最宽子元素的宽度，即使该元素被隐藏了？
我知道这可以通过JavaScript实现，但我想避免脚本攻击并尽可能直接使用CSS。
另外，我想避免设置特定的宽度，因为在我的实际应用程序中，我的容器将包含未知宽度的可视对象。
感谢您的时间。
答案 0 :(得分：6)
在隐藏的visibility: hidden;
display: none;而不是li
visibility: hidden;保留元素空间
display: none;就像元素在标记中不存在一样
答案 1 :(得分：3)
怎么样：
<li style="visibility: hidden; height: 0;">This is not the first list element, ok?</li>
答案 2 :(得分：0)
您可以使用display: none
opacity: 0