CSS重疊div的

Question

我有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始終位於頁面的中心，其他兩個位於頁面的兩側。 使用

body { min-width:1150px; }

在#centered和#right之間總是有一個空格。 但是當我縮小頁面時，＃居中和＃左之間沒有保留空間，導致重疊。 我怎樣才能做到這一點？

Answer 1

您可以添加裝訂線<div>並相應地調整位置，也可以減小#left的寬度。 在#left和#right的寬度上使用百分比而不是px可以使調整大小時更加平滑。