您的位置：首頁技術文章
文章詳情頁

不知為何我代碼浮動不起作用

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

問題描述

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>3.兩列布局右邊固定左邊自適應</title>

<style type="text/css">

.main {

height:600px;

background-color:skyblue;

margin-right:200px;

}

.right {

width:200px;

height:600px;

background-color:lightgreen;

float:right; /*設置塊元素的右浮動*/

}

</style>

</head>

<body>

<div>主體</div>

<div>右側</div>

</body>

</html>

問題解答

回答1：

同意二樓觀點

你使用margin-right:200px;

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

但是div默認寬度100%

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

因為padding，margin，width，border 加起來才是組件的真實寬度或高度

回答2：

請將

<div>主體</div>

<div>右側</div>

改為

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

<div class="right">右側</div>

再測試代碼~

回答3：

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

相關文章：
国产综合久久一区二区三区