CSS 两个 Div 相互重叠

Question

我试图让两个 div 相互 float ，就像这样:

__________
|.menutop|
|        |
----------
|.menu   |
|        |
----------

我该怎么做？我试过:

.menutop{
position: absolute;
width:7%;
height:30px;
float:left;
margin-top:97px;

}
.menu{ 
position:relative;
width:7%; 
height:auto; 
float:left;
margin-top:107px;
}

但它使 .menu 位于 .menutop 之上

Answer 1

您可以将它们放入容器中并漂浮:

<div class="menucontainer" style="float: left">
   <div class="menutop"></div>
   <div class="menu"></div>
</div>