浮動菜單可變寬度

我想弄清楚如何有一個浮動導航欄的內容左側，這是固定的寬度，但有一個容器，它擴展到視口的邊緣，同時保持內容以頁面爲中心。浮動菜單可變寬度

這就是我到目前爲止，以及我的意思的圖像。 http://dl.dropbox.com/u/23132/index.html

任何幫助或想法？

2010-07-29 Picard102

Bordingo從得到的溶液中。

<html> 
<head> 
<style type="text/css"> 
html, body { height: 100%; min-width: 960px;} 

.container { width: 960px; height: 100%; margin: 0 auto; background: #ddd; } 

.nav-fix { position: absolute; left: 0; width: 50%; min-width: 480px; height: 100%;} 

.nav { position: absolute; top: 100px; right: 280px; width: 9999px; height: 200px; background: #333; } 

.nav-box { position: absolute; top: 10px; right: 10px; width: 180px; height: 180px; background: #eee; } 

</style> 
</head> 
<body> 
<div class="nav-fix"> 
<div class="nav"> 
<div class="nav-box"></div> 
</div> 
</div> 
<div class="container"></div> 
</body> 
</html>

來源

2010-07-31 22:15:23 Picard102

雖然導航區域的動態高度沒有運氣？ – 2010-08-03 13:14:43

它們的動態高度似乎有效，高度只是在示例中保持形狀而不添加演示內容。 – Picard102 2010-08-03 15:57:44