文章詳情頁(yè)
不知為何我代碼浮動(dòng)不起作用
瀏覽：103日期：2022-10-29 11:45:32
問(wèn)題描述
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3.兩列布局右邊固定左邊自適應(yīng)</title>
<style type="text/css">
.main {
height:600px;
background-color:skyblue;
margin-right:200px;
}
.right {
width:200px;
height:600px;
background-color:lightgreen;
float:right; /*設(shè)置塊元素的右浮動(dòng)*/
}
</style>
</head>
<body>
<div>主體</div>
<div>右側(cè)</div>
</body>
</html>
問(wèn)題解答
回答1：同意二樓觀點(diǎn)
你使用margin-right:200px;
是想給右邊div留位置出來(lái)吧？
但是div默認(rèn)寬度100%
所以你設(shè)置margin-right:200px;之后的div寬度其實(shí)還是100%
因?yàn)閜adding，margin，width，border 加起來(lái)才是組件的真實(shí)寬度或高度
回答2：請(qǐng)將
<div>主體</div>
<div>右側(cè)</div>
改為
<div class="main">主體</div>
<div class="right">右側(cè)</div>
再測(cè)試代碼~
回答3：我去怎么吞代碼了，class沒(méi)了
相關(guān)文章：
1. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問(wèn)題2. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.3. javascript - 怎么看網(wǎng)站用了什么技術(shù)框架？4. 關(guān)于Android權(quán)限的獲取問(wèn)題，大家遇到過(guò)這樣的情況嘛？5. PC 手機(jī)兼容的 編輯器6. javascript - 編程，算法的問(wèn)題7. css - 關(guān)于border-image8. javascript - 請(qǐng)教空白文本節(jié)點(diǎn)的問(wèn)題9. javascript - 前端開(kāi)發(fā) 本地靜態(tài)文件頻繁修改，預(yù)覽時(shí)的緩存怎么解決？10. 刷新頁(yè)面出現(xiàn)彈框
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備