简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
不知為何我程式碼浮動不起作用
lilove
lilove 2018-03-26 14:50:58
0
3
1529

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


lilove
lilove

一个混迹在二次元边际的程序员

全部回覆(3)
　
　2018-03-27 11:13:47 3樓

同意二樓觀點  

你使用margin-right:200px;

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

但是div預設寬度100% 

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

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

點贊 +0
新增回覆
lilove432
lilove4322018-03-26 14:57:21 2樓

請將

<div>主體</div>

#<div>右側</div>

改為

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

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

再測試程式碼~

點贊 +0
新增回覆
lilove432
lilove4322018-03-26 14:52:30 1樓

我去怎麼吞程式碼了，class沒了

點贊 +0
新增回覆
熱門專題
更多>
熱門文章
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！