自動調整大小的div

讓我們先從活生生的例子：http://makeshot.net/f/LX8Y2jH 自動調整大小的div

您可以放大和縮小的黑色圖像。有寬度爲100％的導航欄。放大圖像後#nav不會增長並保持原有尺寸。

#nav{ 
width: 100%; 
float: left; 
    margin: 0 0 0 0; 
    padding: 0; 
    list-style: none; 
    background-color: #C9C9C9; 
    border-bottom: 5px solid #ddd; 
    position: relative; 
    border-top: 1px solid #ccc; 
text-align: center; } 
#nav li { 
    list-style: none; 
    display:inline-block; } 
    #nav li a.special { 
    display: block; 
    padding: 5px 5px; 
    font-size: 13px; 
    text-decoration: none; 
    border-right: 1px solid #ccc; 
    } 
     #nav li a:hover.special { 

    } 
#nav li a { 
    display: block; 
    padding: 5px 5px; 
    font-size: 13px; 
    text-decoration: none; 
    color: #000; 
    border-right: 1px solid #ccc; } 
#nav li a:hover { 
    color: #fff; 
    background-color: #000; 
    -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }

來源

2013-06-20 user2462794

我真的不明白，因爲我看到的一切成長，這不是挺大的唯一事情是黑匣子，因爲它是100％ –

這是怎麼了它會在縮放和向右滾動後查找我：http://imgur.com/QLNS445.png而且我希望上部導航盒始終適合屏幕。 – user2462794

在哪個瀏覽器上截圖？ –

添加到您的CSS

#nav{position:fixed;}

來源

2013-06-20 11:46:24

嘗試了幾次，但沒有注意到有'位置：相對;'也是。 – user2462794

自動調整大小的div

回答

相關問題