html - 当我使用 float 时 DIV 重叠

Question

我试图让 2 个 div 并排放置，一个 div 用于广告 (skyscraper_ad)，一个主黑色 (smaller_main) 但是当我添加一个 float 时，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 在我看来毫无意义)。 margin auto 没有意义，定位可能导致重叠，并且显示是多余的(div 已经是 block )