Div Inside Container没有缩小

Question

我有一个960px的容器，我想让这个容器内的div缩小，因为我改变了浏览器的大小

<div class="container">
    <div class="container">
        <div class="firstDiv">
            <ul>
                <li> <a href=""><i class="fa fa-youtube fa-2x"></i> </a></li>
                <li> <a href=""><i class="fa fa-facebook fa-2x"></i> </a></li>
                <li> <a href=""><i class="fa fa-twitter fa-2x"></i> </a></li>
                <li> <a href=""><i class="fa fa-google-plus fa-2x"></i> </a></li>
            </ul>
        </div>
        <div class="secondDiv">
            <form>
                <input type="text" name="search">
            </form>
        </div>
    </div> <!-- End of Container -->

和css就是这样的

.container{
    width: 960px;
    margin: 0 auto;
}

.firstDiv {
    height:100px;
    width:70%;
    float:left;
}
.secondDiv {
    height:100px;
    width:30%;
    float:left;
}

我如何根据我的容器div进行这两次潜水调整，因为我缩小了我的浏览器尺寸

Answer 1

div不会因为

而缩小

.container { 
    width: 960px; 
}

要让div调整大小，您需要没有固定的宽度。

尝试

.container { 
    max-width: 960px; 
}