左浮动 css怎样写【css教程】

Css款式的float浮动属性，用于设置标签对象（如：<div>标签盒子、<span>标签、<a>标签、<em>标签等html标签）的浮动规划，浮动也就是我们所说标签对象浮动居左靠左（float:left）和浮动居右靠右(float:right)。

float是什么意义？

float是浮动，翻译成中文也是浮动意义。

float的作用

经由过程css定义float（浮动）让div款式层块，向左或向右（靠）浮动。

Float常跟属性值left、right、none

Float:none 不运用浮动

Float:left 靠左浮动

Float:right 靠右浮动

float语法：

float : none | left |right

参数值：

none : 　对象不浮动

left : 　对象浮在左侧

right : 　对象浮在右侧

案例：

我们设置一个盒子里，一个靠右、一个靠左浮动2个盒子，为了直观看到css浮动规划结果，我们对两个盒子设置肯定宽度、高度和边框。

1、重要的html代码片断：

<div class="divcss5"> 
    <div class="divcss5_left">规划靠左浮动</div> 
    <div class="divcss5_right">规划靠右浮动</div> 
    <div class="clear"></div><!-- html解释：消灭float发生浮动 --> 
</div>

2、css代码片断：
.divcss5{ width:400px;padding:10px;border:1px solid #F00} 
.divcss5_left{ float:left;width:150px;border:1px solid #00F;height:50px} 
.divcss5_right{ float:right;width:150px;border:1px solid #00F;height:50px} 
.clear{ clear:both}

以上就是左浮动 css怎样写的细致内容，更多请关注ki4网别的相干文章！

标签：css