div自动适应高度怎么又盖着了下面的内容
.end{width:980px;margin-top:5px;padding-top:10px;margin-bottom:20px;position:relative...
.end{ width:980px; margin-top:5px; padding-top:10px;margin-bottom:20px; position:relative;height:100px;}
.end_zt{ width:600px; float:left; margin-left:100px;}
.home_13{width:978px; height:auto; overflow:hidden; margin-top:10px; margin-bottom:4px;border:1px solid #DFDFDF; float:left}
.home_14{width:980px; border-top:solid 1px #dddddd; line-height:25px; float:left;margin-top:8px;}
<div class="end">
<div class="end_zt">内容</div>
<div style="clear:both"></div>
</div>
<div class="home_13"></div>
<div class="home_14"></div>
我的问题是想叫<div class="zt">内容</div>自动增高,可是它增高了以后把下面的<div class="name1"></div> <div class="name2"></div>给盖住了。
我的问题是想叫<div class="zt">内容</div>自动增高,可是它增高了以后把下面的<div class="home_13"></div> <div class="home_14"></div>给盖住了。 展开
.end_zt{ width:600px; float:left; margin-left:100px;}
.home_13{width:978px; height:auto; overflow:hidden; margin-top:10px; margin-bottom:4px;border:1px solid #DFDFDF; float:left}
.home_14{width:980px; border-top:solid 1px #dddddd; line-height:25px; float:left;margin-top:8px;}
<div class="end">
<div class="end_zt">内容</div>
<div style="clear:both"></div>
</div>
<div class="home_13"></div>
<div class="home_14"></div>
我的问题是想叫<div class="zt">内容</div>自动增高,可是它增高了以后把下面的<div class="name1"></div> <div class="name2"></div>给盖住了。
我的问题是想叫<div class="zt">内容</div>自动增高,可是它增高了以后把下面的<div class="home_13"></div> <div class="home_14"></div>给盖住了。 展开
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style><!--
.end{ width:980px; margin-top:5px; padding-top:10px;margin-bottom:20px;}
.end_zt{ width:600px; margin-left:100px;}
.home_13{width:978px; height:auto; overflow:hidden; margin-top:10px; margin-bottom:4px;border:1px solid #DFDFDF; float:left}
.home_14{width:980px; border-top:solid 1px #dddddd; line-height:25px; float:left;margin-top:8px;}
--></style>
</head>
<body>
<div class="end">
<div class="end_zt">
<p>内容<br />
dsfa
asdffgsd
</p>
<p>asdf</p>
<p>asdf</p>
<p>asdf</p>
<p>asdf</p>
<p>asdf</p>
<p>asdf</p>
<p>asdf</p>
<p>asdf</p>
<p>asdf</p>
<p> </p>
</div>
</div>
<div class="home_13"></div>
<div class="home_14"></div>
</body>
</html>
我不知道你是怎么个自适应高度 但是有的样式明显没有用
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style><!--
.end{ width:980px; margin-top:5px; padding-top:10px;margin-bottom:20px;}
.end_zt{ width:600px; margin-left:100px;}
.home_13{width:978px; height:auto; overflow:hidden; margin-top:10px; margin-bottom:4px;border:1px solid #DFDFDF; float:left}
.home_14{width:980px; border-top:solid 1px #dddddd; line-height:25px; float:left;margin-top:8px;}
--></style>
</head>
<body>
<div class="end">
<div class="end_zt">
<p>内容<br />
dsfa
asdffgsd
</p>
<p>asdf</p>
<p>asdf</p>
<p>asdf</p>
<p>asdf</p>
<p>asdf</p>
<p>asdf</p>
<p>asdf</p>
<p>asdf</p>
<p>asdf</p>
<p> </p>
</div>
</div>
<div class="home_13"></div>
<div class="home_14"></div>
</body>
</html>
我不知道你是怎么个自适应高度 但是有的样式明显没有用
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
我在IE8里面看的不会盖住嘛
你可以在end_zt样式里面加一个display:inline;
你可以在end_zt样式里面加一个display:inline;
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
试着在你自动增高的层</div>前面用一个<div style="clear:both"></div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询