防止可變數量的浮動div纏繞

Question

我有一個菜單系統浮動在右側硬定位（位置：絕對），但寬度可變的div內的左側的網站。

在菜單中可以有2到15個菜單項（li's），我需要使它在屏幕很窄時不會換行。我無法將它們放在表格中，因爲我無法更改HTML，只是CSS。

有沒有辦法做到這一點？

Answer 1

您可以將div的寬度設置爲百分比寬度而不是絕對寬度？這應該有助於他們縮小屏幕變窄。你也可以對內容也做同樣的事情。

Answer 2

您需要提供更多關於行爲的細節，但這裏有些東西可能會幫助您使用display: table-row。

http://jsfiddle.net/SpLYh/

他們堅持正確的定位元素的左邊，四溢的權利。您可以在您的導航容器上設置overflow:hidden，如果您希望它們不可見。

此外，可能的重複：How do you make div elements display inline?