首頁  >  文章  >  web前端  >  左浮 css怎麼寫

左浮 css怎麼寫

anonymity
anonymity原創
2019-05-28 10:19:217616瀏覽

Css樣式的float浮動屬性,用於設定標籤物件(如:dc6dce4a544fdca2df29d5ac0ea9906b標籤盒子、45a2772a6b6107b401db3c9b82c049c2標籤、3499910bf9dac5ae3c52d5ede7383485標籤、907fae80ddef53131f3292ee4f81644b標籤等html標籤)的浮動佈局,浮動也就是我們所說標籤物件浮動居左靠左(float:left)和浮動居右靠右(float:right)。

左浮 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程式碼片段:

<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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn