简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
css樣式不變,兩個div塊 交換先後順序，則會一上一下顯示而不能同行顯示。這是為什麼?
Jojo
Jojo 2019-03-23 14:11:40
0
2
1362

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>4. 兩列佈局2： 左邊主體自適應_右邊欄固定寬度</title>

<style type="text/css">

.right {

width: 200px;

height: 600px; 

float: right; 

background-color: skyblue; 

}


.main {

height: 600px;

        background-color: cyan;

margin-right:200px;

}

</style>

</head>

<body>

<!-- DOM -->

<div class="main">左側_主體</div>

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

<!-- css樣式不變,兩個div塊交換先後順序，則會一上一下顯示而不能同行顯示。這是為什麼?-->



#</body>

</html>


Jojo
Jojo

全部回覆(1)
折断翼的鹰
折断翼的鹰2019-03-25 09:23:57 1樓

你之前加的float：right；改成float：left就行


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