歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
  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}







本文轉載自中文網
 

如需轉載,請注明文章出處和來源網址:http://www.5015168.live/rumen/r56041.shtml

民生银行股票行情