定位
浮动
float代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
#d0,p{
width: 400px;
border: 1px solid red;
}
#d0 div{
width:100px;
height:100px;
margin:10px;
}
#d1{
background-color: red;
}
#d2{
background-color: green;
}
#d3{
background-color: blue;
}
/*浮动*/
#d1,#d2,#d3{
float: right;
}
#d1,#d2,#d3{
float: left;
}
/*消除浮动影响*/
/*只消除对叔叔的影响*/
p{
clear: left;
}
</style>
<title>浮动</title>
</head>
<body>
<div id="d0">
<div id="d1"></div>
<div id="d2"></div>
<div id="d3"></div>
<p>浮动时注意观擦我的位置你会发现很别扭</p>
</div>
</body>
</html>
<!DOCTYPE h
