左浮动 css怎么写

2024-01-18 09:57 小编

　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代码片段：

　　<divclass="divcss5">

　　<divclass="divcss5_left">布局靠左浮动</div>

　　<divclass="divcss5_right">布局靠右浮动</div>

<divclass="clear"></div>

　　</div>

　　2、css代码片段：

　　.divcss5{width:400px;padding:10px;border:1pxsolid#F00}

　　.divcss5_left{float:left;width:150px;border:1pxsolid#00F;height:50px}

　　.divcss5_right{float:right;width:150px;border:1pxsolid#00F;height:50px}

　　.clear{clear:both}

Tag：怎么

联络方式：

微信二维码

您感兴趣的内容