调整大小时如何自动将框移动到底部？

Question

<div class="main">
<div class="cleft">
</div>
<div class="cright">
</div>
</div>

.cleft{
    float: left;
    padding-left: 1%;
    width: 68%;
}

.cright{
    float: right;
    padding-right: 1%;
    width: 28%;
}

我左右两个盒子。我想要一个我想要左右框宽度的东西：当有人调整宽度和宽度小于主容器（在我的情况下为1075px）时，100％。

如何在底部显示左右和右边的100％宽度。

注意：我对ipad，iphone进行了一些更改，在这种情况下它们运行正常。但是当有人调整浏览器大小时，我如何应用这个东西。

Answer 1

我认为你想使用媒体查询：

http://css-tricks.com/css-media-queries/

@media screen and (max-width: 1075px) {
   .cleft, .cright {
       float:none;
       width:50%;
       padding:none;
   }
}