两个左浮动的div，其中一个宽度固定，怎么让另一个宽度自适应
<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)
一口一个鹅蛋浏览 3430回答 1
1回答
-
李晓健
<!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 效果和你要求的一样
随时随地看视频慕课网APP
Html/CSS