猿问

两个左浮动的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)

一口一个鹅蛋
浏览 3332回答 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
我要回答