<div class="wrapper">
<div class="l-side"></div>
<div class="r-side"></div>
</div>.wrapper {
width: 100%;
}
.l-side {
float: left;
width: 200px;
}
.r-side {
float: left;
}怎么让.r-side的宽度自适应(即等于clientWidth - 200px)
1 回答
已采纳
李晓健
TA贡献1036条经验 获得超461个赞
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>form中的lable标签</title>
</head>
<style>
.wrapper {
width: 100%;
position: relative;
}
.l-side {
position: absolute;
width: 200px;
background-color: #ccc;
height: 100px;
left: 0;
top: 0;
}
.r-side {
background-color: #eee;
height: 100px;
margin-left: 205px;/*这里给205是为了让左右间有5个px的间隔,如果不想要间隔改成200就行了*/
}
</style>
<body>
<div class="wrapper">
<div class="l-side"></div>
<div class="r-side"></div>
</div>
</body>
</html>这种不知道能不能接受，没有用到float 效果和你要求的一样
点击展开后面1条
- 1 回答
- 0 关注
- 3331 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消