如何在調整大小時自動將框移動到底部？

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%; 
} 

我有兩個方塊左右。我想要一個東西，我想把左和右框寬度：100％當有人調整寬度和寬度小於主容器（在我的情況下是1075px）。

我如何使左右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; 
    } 
}