CSS—DIV浮動定位 消除影響


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>消除浮動影響</title>
<style type="text/css">
#d0,p{
border: 1pX solid red;
width: 400PX;
}
#d1,#d2,#d3{
width:100px;
height: 100PX;
margin: 10PX;
}
#d1{
background-color: #f00;
}
#d2{
background-color: #0f0;
}
#d3{
background-color: #00f;
}
/*浮動*/
#d1,#d2,#d3{
float: left;
}
/*消除浮動影響:
在哪個元素上加clear,則該元素就不受影響,他會出現在所有浮動元素的下方*/
#d4{
clear: left;
}
</style>
</head>
<body>
<div id="d0">
<div id="d1"></div>
<div id="d2"></div>
<div id="d3"></div>
<div id="d4"></div>
</div>
<p>浮動時看看我的位置在哪里</p>
</body>
</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM