div ul li自动适应高度问题
如图所示这几个模块(用的是绝对定位)在一个背景divwidth980居中。我想让ul后面的div自动适应高度然后背景自动适应div高度要详细源码感谢...
如图所示 这几个模块(用的是绝对定位)在一个背景div width 980 居中 。 我想让ul后面的div自动适应高度 然后 背景自动适应 div高度 要详细源码 感谢
展开
3个回答
展开全部
不用定位实现行不,这应该不难吧。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
.header{
width:960px;
height:50px;
margin:0 auto;
}
.header_left{
width:300px;
height:48px;
border:1px solid #f00;
float:left;
}
.header_right{
width:650px;
height:48px;
border:1px solid #f00;
float:right;
}
.cont{
width:960px;
height:auto;
margin:0 auto;
margin-top:20px;
}
.cont_left{
width:300px;
height:400px;
border:1px solid #f00;
float:left;
}
.cont_right{
width:650px;
height:auto;
float:right;
background:#e2e2e2;
}
.clear{
clear:both;
}
</style>
</head>
<body>
<div class="header">
<div class="header_left"></div>
<div class="header_right"></div>
</div><!--header end-->
<div class="cont">
<div class="cont_left"></div>
<div class="cont_right">
<br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/>
</div>
<div class="clear"></div><!--清除浮动-->
</div><!--cont end-->
</body>
</html>
看下行不,细节自己修改下。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询