CSS二部';他高高在上
我试着让两个div互相浮动,就像这样:CSS二部';他高高在上,css,html,Css,Html,我试着让两个div互相浮动,就像这样: __________ |.menutop| | | ---------- |.menu | | | ---------- 我该怎么做?我试过: .menutop{ position: absolute; width:7%; height:30px; float:left; margin-top:97px; } .menu{ position:relative; width:7%; height:auto; floa
__________
|.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的顶部,您可以将它们放入容器中,并使其浮动:
<div class="menucontainer" style="float: left">
<div class="menutop"></div>
<div class="menu"></div>
</div>
.menutop
{
width:7%;
height:30px;
float:left;
margin-top:97px;
}
.menu
{
clear: left;
width:7%;
height:auto;
float:left;
margin-top:107px;
}