您的位置：首页 > 其它

div自适应高度--左右一直

2014-06-06 11:19 211 查看
<!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 type="text/css">

<!--

#allbody{width:641px;margin:0px auto;overflow:hidden;
text-align:center}

#left{width:160px;float:left;clear:both;background:#F2F9FF;padding-bottom:100000px;margin-bottom:-100000px;}

#right{width:463px;margin-left:18px;float:right;background:#bfbfbf}

-->

</style>

</head>

<body>

<div id="allbody">

<div id="left">


<p> </p>


<p> </p>


<p> </p>


<p> </p>

left内容


<p> </p>


<p> </p>


<p> </p>


<p> </p>


<p> </p>


<p> </p>


<p> </p>


<p> </p>


<p> </p>


<p> </p>


<p> </p>


<p> </p>


<p> </p>


<p> </p>


<p> </p>


<p> </p>


<p> </p>


<p> </p>

</div>



<div id="right">


<p> </p>


<p> </p>


<p> </p>


<p> </p>

right内容


<p> </p>


<p> </p>


<p> </p>


<p> </p>


<p> </p>


<p> </p>

</div>

</div>

</body>

</html>

定义主体allbody的overflow:hidden;

主题内分为left、right两部分

定义left的padding-bottom:100000px;margin-bottom:-100000px;

这样right部分的高度就会总跟随left的高度了

今天可没有白忙和哦，有这么一点点小收获

加油
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航