成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置：首頁(yè)技術(shù)文章
文章詳情頁(yè)

不知為何我代碼浮動(dòng)不起作用

瀏覽：104日期：2022-10-29 11:45:32

問題描述

<!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>

問題解答

回答1：

同意二樓觀點(diǎn)

你使用margin-right:200px;

是想給右邊div留位置出來吧？

但是div默認(rèn)寬度100%

所以你設(shè)置margin-right:200px;之后的div寬度其實(shí)還是100%

因?yàn)閜adding，margin，width，border 加起來才是組件的真實(shí)寬度或高度

回答2：

請(qǐng)將

<div>主體</div>

<div>右側(cè)</div>

改為

<div class="main">主體</div>

<div class="right">右側(cè)</div>

再測(cè)試代碼~

回答3：

我去怎么吞代碼了，class沒了

相關(guān)文章：