第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

兩個(gè)左浮動(dòng)的div,其中一個(gè)寬度固定,怎么讓另一個(gè)寬度自適應(yīng)

兩個(gè)左浮動(dòng)的div,其中一個(gè)寬度固定,怎么讓另一個(gè)寬度自適應(yīng)

一口一個(gè)鵝蛋 2015-11-08 07:12:21
<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的寬度自適應(yīng)(即等于clientWidth - 200px)
查看完整描述

1 回答

已采納
?
李曉健

TA貢獻(xiàn)1036條經(jīng)驗(yàn) 獲得超461個(gè)贊

<!DOCTYPE?HTML>
<html>
<head>
????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
????<title>form中的lable標(biāo)簽</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個(gè)px的間隔,如果不想要間隔改成200就行了*/
????????
????}
</style>
<body>
<div?class="wrapper">
????<div?class="l-side"></div>
????<div?class="r-side"></div>
</div>
</body>
</html>

這種不知道能不能接受,沒(méi)有用到float 效果和你要求的一樣

查看完整回答
1 反對(duì) 回復(fù) 2015-11-08
  • 一口一個(gè)鵝蛋
    一口一個(gè)鵝蛋
    非常謝謝! 其實(shí)我也是用這種方法實(shí)現(xiàn)的,只是這個(gè)方法會(huì)有一些小問(wèn)題,就是l-side固定寬的時(shí)候,當(dāng)r-side撐起的最小寬度加上l-side的寬度大于視口寬度時(shí),窗口會(huì)顯示水平滾動(dòng)條,這是正常的;但問(wèn)題是,當(dāng)r-side固定寬,l-side自適應(yīng)寬時(shí),縮小視口寬度,怎么都不會(huì)出現(xiàn)水平滾動(dòng)條,這樣超出視口的內(nèi)容就看不到了(不知道是不是這種情況我寫的有問(wèn)題)。 不知道大家一般都是怎么處理這個(gè)問(wèn)題的。
  • 一口一個(gè)鵝蛋
    一口一個(gè)鵝蛋
    非常感謝!
  • rao184908863
    rao184908863
    我覺(jué)得單個(gè)子盒子脫標(biāo)浮動(dòng),另一個(gè)100%才是你想要的
點(diǎn)擊展開(kāi)后面1
  • 1 回答
  • 0 關(guān)注
  • 3391 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)