0

私は4つのdivを持っています:

#centered {
    position: absolute;
    top: 50%;
    left: 52%;
    width: 500px;
    height: 500px;
    margin-top: -250px; /* Half the height */
    margin-left: -250px; /* Half the width */
    }
#container{
    width:100%;
}

（左右はこの入れ物に入っています）

 #left{
        float:left;
        width: 260px;
        height: 600px;
    }
    #right{
        float: right;
        top: 50%;
        width: 160px;
        height: 600px;
    }

中央の div は常にページの中央にあり、他の 2 つは横にあります。使用して

body { min-width:1150px; }

#centered と #right の間には常にスペースがあります。しかし、ページを縮小すると、#centered と #left の間にスペースが確保されず、重複が発生します。これどうやってするの？

4

1 に答える 1

1

ガタリング<div>を追加してそれに応じて位置を調整するか、の幅を減らすことができます#left。の幅に px ではなくパーセンテージを使用する#leftと#right、サイズ変更時に滑らかになります。

于 2013-04-09T13:29:34.187 に答える