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

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

瀏覽：92日期：2022-06-22 18:10:21

問題描述

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

問題解答

回答1：

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

標簽： CSS
国产综合久久一区二区三区