0 
<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にいくつかの変更を加えましたが、その場合は正常に機能します。しかし、誰かがブラウザのサイズを変更したときに、そのことをどのように申請できますか。

4

1 に答える 1

1

I think you want to use media queries:

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

@media screen and (max-width: 1075px) {
   .cleft, .cright {
       float:none;
       width:50%;
       padding:none;
   }
}
于 2012-08-15T09:58:44.317 に答える