左浮动 css怎么写
发布时间:09/01 来源:未知 浏览:
关键词:
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如何写的具体内容,更多请关注百分百源码网其它相关文章!