左浮动 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><!--html注释:清除float产生浮动-->
 
  </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: 怎么
在线咨询 拨打电话

电话

13363039260

内部绝密传真282期

微信二维码