css -float属性

iteye_4926

于 2011-05-21 13:25:30 发布

阅读量113

点赞数

文章标签： CSS HTML

本文链接：https://blog.csdn.net/iteye_4926/article/details/82067521

版权

css定位的第二个属性---float.第一个是positon
float属性可以用于块级或者行内元素。使用了float属性的块级元素，会变成行内元素，然后进行左右漂移。
float.如果发现一行内的空间不足的话，会智能的移动到下一行。

可取值：left.right.none


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
 <style>
 .good {width:200px;height:200px;background-color:red;float:right;}
// div {width:400px;height:100px;background-color:blue;}
 div {width:400px;height:100px;background-color:blue;float:left;}
 </style>
 </HEAD>

 <BODY>
  <div>
  </div>

 <div class="good">1</div>
 <div class="good">2</div>
 <div class="good">3</div>


 </BODY>
</HTML>