FLOAT与CLEAR的常见用法

最新推荐文章于 2022-12-16 19:00:00 发布

ruxiaobing

最新推荐文章于 2022-12-16 19:00:00 发布

阅读量542

点赞数

文章标签： float class

本文链接：https://blog.csdn.net/ruxiaobing/article/details/6601885

版权

clear一般单独定义一个类，来使用

<html>

<head>
<title>float与clear属性常见用法</title>

<style>

    #one {
height:200px;
width:300px;
background:#FF0000;
float:left;

}
#two {
height:200px;
width:300px;
background:#0000FF;
float:left;
}

.clear{
clear:both;
}

#three {
height:200px;
width:300px;
background:#FFFF00;
float:left;
}

</style>

</head>

<body>



<DIV id="one">
aaa
</DIV>

<DIV id="two">
bbb
</DIV>

<div class="clear">
</div>

<DIV id="three">
ccc
</DIV>

</body>