標籤等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怎麼寫的詳細內容。更多資訊請關注PHP中文網其他相關文章!