不知道是不是这个效果,代码:
<div style="width:200px;height:500px;border:1px solid #f00;float:left"></div>
<div style="width:800px;float:left;">
<div style="width:300px;height:200px;border:1px solid #f00;float:left"></div>
<div style="width:300px;height:200px;border:1px solid #f00;float:left;"></div>
<div style="width:300px;height:200px;border:1px solid #f00;float:left;"></div>
<div style="width:300px;height:200px;border:1px solid #f00;float:left"></div>
<div style="width:600px;height:200px;border:1px solid #f00;float:left"></div>
</div>
css中的FLOAT是对齐方式。1、LEFT是左对齐;
2、RIGHT是右对齐;
3、CENTER是居中;
4、NONE就是取消对齐方式;
定义和用法如下:
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。
如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。
实例如下:
把图像向右浮动:
img
{
float:right;
}
float就是让这个元素脱离文档流,浮动是在他们前面的最后一个块元素之后直接被显示出来。
>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)