ie6下显示得好好的DIV结构到了火狐就全乱了,怎么办?
就是简单的左右结构,左边是树形菜单,右边是内容。
CSS如下:
.nav_tree
{
float: left;
width:150px;
background:#99FFFF;
border-right:2px solid #EFEFEF;
overflow:hidden;
}
.main
{
float: right;
margin:0 0 0 -215px;
width:100%;
overflow:hidden;
}
.main.main_content
{
margin:0 0 0 150px;
background:#e4e4e4;
}
母版页是这样的:
<div class="page"><!--页面层容器-->
<div class="header"><!--页面头部-->
<div class="title">
<h1>
测试系统
</h1>
</div>
</div>
<div class="page_body"><!--页面-->
<div class="main"><!--页面右半部 主体-->
<div class="main_content"><!--主体内容-->
<asp:ContentPlaceHolder ID="MainContent" runat="server"/>
</div>
</div>
<div class="nav_tree"> <!--左侧边栏 导航栏-->
<asp:TreeView ID="TreeView1" runat="server" DataSourceID="SiteMapDataSource1">
</asp:TreeView>
</div>
</div>
<div class="clear">
</div>
</div>
在火狐下,内容div会充满整个页面,菜单叠在它上面。
求助,我该怎么办?
[解决办法]
<div class="clear">
</div>这个要用对地方,一般用在有float的下面
[解决办法]
清浮放错地方喽