左浮 css怎麼寫

Css樣式的float浮動屬性，用於設定標籤物件（如：

標籤盒子、標籤、標籤、標籤等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中文網其他相關文章！

本網站聲明

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