页面底部跑到上面去了,怎么调DIV+CSS?
刚学div+css。这个页面不知为何底部信息跑到上面去了。谁能指教我一下呢？我以为是哪个div没有结尾，一个个排查却没发现。好菜哦，应该不是我这个方法吧？页面很长谁愿意指...
刚学div+css。这个页面不知为何底部信息跑到上面去了。谁能指教我一下呢？
我以为是哪个div没有结尾，一个个排查却没发现。好菜哦，应该不是我这个方法吧？
页面很长
谁愿意指导我麻烦加QQ 1806051926
firefox下正常。ie8错位。 展开
我以为是哪个div没有结尾，一个个排查却没发现。好菜哦，应该不是我这个方法吧？
页面很长
谁愿意指导我麻烦加QQ 1806051926
firefox下正常。ie8错位。 展开
6个回答
展开全部
一般情况时上面内容没有设置定位，导致下面内容不能判断上面有内容，所以自动填充上去；
解决方法：
给div层设置浮动属性；
给div添加样式：display:table或者display:block;
给上面内容div固定高度并设置浮动属性
解决方法：
给div层设置浮动属性；
给div添加样式：display:table或者display:block;
给上面内容div固定高度并设置浮动属性
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如果是底部跑到上面去了，估计是哪地方有浮动，然后没有清楚浮动。可以加本人QQ：348027033，有时间帮你看源代码。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如果你底部以上的信息加了positon:absolute的话 地下的div就会跑到上面去显示
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
"-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
ul
form{
margin:0;
padding:0;
}
a:link,a:visited,a:hover,a:active{
text-decoration:none;
color:#2A3F00;
}
#contain{
width:800px;
margin:0 auto;
}
#header{
width:800px;
height:61px;
}
#headerlogo{
width:175px;
background:url(logo.jpg);
height:61px;
}
#globallinknsearch{
width:800px;
margin-top:5px;
clear:both;
overflow:hidden;
height:100%;
}
#globallinksearch{
float:left;
width:350px;
border:1px solid #A0A0A4;
font-size:13px;
}
#globallink{
float:right; width:445px;
}
#globallink ul{
padding:0;
margin:0;
}
#globallink li{
float:right;
}
#globallink li a{
display:block;
font-size:15.7px;
margin-left:4px;
border-right:2px solid #A0A0A4;
list-style-type:none;
padding:2px;
margin-bottom:0;
background: #D4BFAA;
border-bottom:1px solid #A0A0A4;
color: #009F00;
}
#globallink ul li a:hover{
background: #FFFFFF;
display:block;
}
#main{
width:800px;
margin-top:6px;
border-top:1px solid #A0A0A4;
}
#sidebar{
background: #CCCCFF;
width:200px;
height:500px;
float:left;
clear:both;
}
#mainbody{
width:590px;
float:right;
height:500px;
border-left:1px solid #A0A0A4;
}
</style>
</head>
<body>
<div id="contain">
<div id="header">
<div id="headerlogo"><img src="" /></div>
</div>
<div id="globallinknsearch">
<div id="globallinksearch">
<form id="form1" name="form1" method="post" action="">
输入关键字进行查询：
<input name="textfield" type="text" size="12" />
<select name="select">
<option>按标题</option>
<option>按内容</option>
</select>
<input type="submit" name="Submit" value="搜索" />
</form>
</div>
<div id="globallink">
<ul>
<li><a href="#">免费资源</a></li>
<li><a href="#">免费资源</a></li>
<li><a href="#">免费资源</a></li>
<li><a href="#">免费资源</a></li>
<li><a href="#">免费资源</a></li>
<li><a href="#">免费资源</a></li>
</ul>
</div>
</div>
<div id="main">
<div id="sidebar"></div>
<div id="mainbody"></div>
</div>
</div>
</body>
</html>
我调了一下，你看一下，应该是在火狐，ie6，ie7下是适合的..我只是粗调了一下。在火狐下能不变型了。希望对你有帮助。不是吧，我又看了一次，是正确的呀
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
ul
form{
margin:0;
padding:0;
}
a:link,a:visited,a:hover,a:active{
text-decoration:none;
color:#2A3F00;
}
#contain{
width:800px;
margin:0 auto;
}
#header{
width:800px;
height:61px;
}
#headerlogo{
width:175px;
background:url(logo.jpg);
height:61px;
}
#globallinknsearch{
width:800px;
margin-top:5px;
clear:both;
overflow:hidden;
height:100%;
}
#globallinksearch{
float:left;
width:350px;
border:1px solid #A0A0A4;
font-size:13px;
}
#globallink{
float:right; width:445px;
}
#globallink ul{
padding:0;
margin:0;
}
#globallink li{
float:right;
}
#globallink li a{
display:block;
font-size:15.7px;
margin-left:4px;
border-right:2px solid #A0A0A4;
list-style-type:none;
padding:2px;
margin-bottom:0;
background: #D4BFAA;
border-bottom:1px solid #A0A0A4;
color: #009F00;
}
#globallink ul li a:hover{
background: #FFFFFF;
display:block;
}
#main{
width:800px;
margin-top:6px;
border-top:1px solid #A0A0A4;
}
#sidebar{
background: #CCCCFF;
width:200px;
height:500px;
float:left;
clear:both;
}
#mainbody{
width:590px;
float:right;
height:500px;
border-left:1px solid #A0A0A4;
}
</style>
</head>
<body>
<div id="contain">
<div id="header">
<div id="headerlogo"><img src="" /></div>
</div>
<div id="globallinknsearch">
<div id="globallinksearch">
<form id="form1" name="form1" method="post" action="">
输入关键字进行查询：
<input name="textfield" type="text" size="12" />
<select name="select">
<option>按标题</option>
<option>按内容</option>
</select>
<input type="submit" name="Submit" value="搜索" />
</form>
</div>
<div id="globallink">
<ul>
<li><a href="#">免费资源</a></li>
<li><a href="#">免费资源</a></li>
<li><a href="#">免费资源</a></li>
<li><a href="#">免费资源</a></li>
<li><a href="#">免费资源</a></li>
<li><a href="#">免费资源</a></li>
</ul>
</div>
</div>
<div id="main">
<div id="sidebar"></div>
<div id="mainbody"></div>
</div>
</div>
</body>
</html>
我调了一下，你看一下，应该是在火狐，ie6，ie7下是适合的..我只是粗调了一下。在火狐下能不变型了。希望对你有帮助。不是吧，我又看了一次，是正确的呀
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
得看下你的css才知道是哪里出了问题。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
