CSS拉伸容器寬度最廣的隱藏子元素

我有一個非常簡單的例子，一個黑色邊框的無序列表，以及它隱藏的一個子元素：http://jsfiddle.net/spryno724/Sm9Lx/1/。請注意隱藏的子元素如何比可見元素寬得多，但容器只能縮放到可見子元素的寬度。CSS拉伸容器寬度最廣的隱藏子元素

CSS中是否存在一種方法來自動將此容器的寬度縮放到其最寬子元素的寬度，即使該元素是隱藏的？

我知道這是可能的JavaScript，但我想避免腳本破解，並儘可能直接使用CSS。

另外，我想避免設置一個特定的寬度，因爲在我的實際應用程序中，我的容器將包含未知寬度的可視對象。

謝謝你的時間。

在隱藏li

2012-05-30 20:41:08

由於只有visibility：hidden的，在UL擴展以適應元素的高度爲好。不確定是否需要OP。在我的回答下面，我加了個高度：0 –

啊！甚至沒有考慮能見度！謝謝！ –

代替display: none您可以使用opacity: 0

2012-05-30 20:41:41

如何：

<li style="visibility: hidden; height: 0;">This is not the first list element, ok?</li>

2012-05-30 20:42:57

非常好！正是我需要的！ –

回答