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之间总是有一个空格。 但当我缩小页面时，#center和#left之间没有空间， 引起重叠。我怎么能这样做？

Answer 1

您可以添加排水沟<div>并相应地调整您的位置，或者您可以减少#left的宽度。使用百分比而不是px作为#left和#right的宽度，可以在调整大小时使其更加平滑。