0

让我们从现场示例开始：http: //makeshot.net/f/LX8Y2jH

您可以放大和缩小黑色图像。有宽度为 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; }
4

1 回答 1

2

将此添加到您的CSS

#nav{position:fixed;}
于 2013-06-20T11:46:24.167 回答