自动调整div大小

时间:2013-06-20 11:29:48

标签: css

让我们从实例开始: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; }

1 个答案:

答案 0 :(得分:2)

将此添加到您的css

#nav{position:fixed;}