Question

我正试图让两个div并排坐着，一个广告div（skyscraper_ad）和一个主黑色（smaller_main）但是当我添加一个浮点数时，DIV会重叠另一个DIV，有人可以帮忙吗？

我的css：

#skyscraper_ad {
     display: block;
     width: 160px;
     height: 600px;
     padding: 5px;
     margin-right: auto;
     background-color: #CCCCCC;
     border: 1px solid #AAAAAA;
     position:relative;
     margin-bottom: 4px;
}

#smaller_main {
     display: block;
     width: 605px;
     height: auto;
     background-color: #CCCCCC;
     border: 1px solid #AAAAAA;
     position:absolute;
     padding: 5px;
     float: right;
     margin-bottom: 4px;
}

Answer 1

这应该有效：

#skyscraper_ad {
     width: 160px;
     height: 600px;
     padding: 5px;
     background-color: #CCCCCC;
     border: 1px solid #AAAAAA;
     margin-bottom: 4px;
     float:left;
}

#smaller_main {
     width: 605px;
     background-color: #CCCCCC;
     border: 1px solid #AAAAAA;
     padding: 5px;
     float: left;
     margin-bottom: 4px;
}

我拿出了对边距，定位和显示的参考。（以及height:auto，就我所见，这是毫无意义的。保证金自动没有意义，定位可能导致重叠，显示是多余的（div已经阻止了）

当我使用float时DIV重叠

1 个答案: