css樣式不變,兩個div塊 交換先後順序,則會一上一下顯示而不能同行顯示。這是為什麼?
Jojo
Jojo 2019-03-23 14:11:40
0
2
1375

<!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)
折断翼的鹰

你之前加的float:right;改成float:left就行


#
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板