CSS浮动
程序员文章站
2024-01-29 12:37:16
...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS浮动</title>
<style type="text/css">
/* 普通框相对于浮动框是没有碰撞体积的 */
#one{
border: 1px solid red;
width: 300px;
height: 150px;
float: right;
}
#two{
border: 1px solid black;
width: 300px;
height: 150px;
float: right;
}
#three{
border: 1px solid blue;
width: 300px;
height: 150px;
float: right;
}
/* 清除浮动 */
#clear{
clear: both;
}
</style>
</head>
<body>
<div id="one">
</div>
<div id="clear">
</div>
<div id="two">
</div>
<div id="three">
</div>
</body>
</html>
下一篇： 使用:after创建浮动图片效果