在css中，浮動屬性是“float”，用於定義元素在哪個方向浮動，其三個屬性值為：1、“left”，定義元素向左浮動；2、“right” ，定義元素向右浮動；3、“none”，定義元素不浮動。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
在css中，浮動屬性是“float”，用來定義元素在哪個方向浮動。
以往這個屬性總應用於圖像，使文字圍繞在圖像周圍，不過在 CSS 中，任何元素都可以浮動。浮動元素會產生一個區塊級框，而不論它本身是何種元素。
如果浮動非替換元素，則要指定一個明確的寬度；否則，它們會盡可能地窄。
註解：假如在一行之上只有極少的空間可供浮動元素，那麼這個元素會跳至下一行，這個過程會持續到某一行擁有足夠的空間為止。
float浮動屬性的三個屬性值：
#left 元素向左浮動。
right 元素向右浮。
none 預設值。元素不浮動，並會顯示在文字中出現的位置。
範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
li{
background-color: pink;
}
.ex1 li {
float: left;
margin: 10px;
}
.ex2 li{
float: right;
margin: 10px;
}
.ex3 li{
float: none;
margin: 10px;
}
div{
clear: both;
}
</style>
</head>
<body>
<ul class="ex1">
<li>项目1</li>
<li>项目2</li>
</ul>
<div></div>
<ul class="ex2">
<li>项目1</li>
<li>项目2</li>
</ul><div></div>
<ul class="ex3">
<li>项目1</li>
<li>项目2</li>
</ul><div></div>
</body>
</html>
#（學習影片分享：css影片教學）
以上是css的浮動屬性是什麼？其值有哪三個？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
