CSS兩個事業部的上面彼此

Question

我試圖去浮動權具有對抗海誓山盟2個div的，就像這樣：

__________ 
|.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; 
} 

但它使。菜單去的.menutop

Answer 1

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


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

Answer 2

頂你可以把它們放入一個容器中，浮空：

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