清除浮動

clear 表示清除浮動

清除浮動防止對自身的影響

clear both表示清除對自己影響大的浮動


<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>清除浮動</title>

<style type="text/css">

.box1{

width: 100px;

height: 100px;

background-color: yellow;

float: left;

}

.box2{

width: 200px;

height: 200px;

background-color: yellowgreen;

/*clear: left;*/

float: right;

}

.box3{

width: 300px;

height: 300px;

background-color: skyblue;

clear: right;

}

</style>

</head>

<body>

<div class="box1"></div>

<div class="box2"></div>

<div class="box3"></div>

</body>

</html>

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容