CSS float

時間 2019-11-06

標籤 css float 欄目 CSS 简体版

原文原文鏈接

CSS floathtml

float 屬性定義元素在哪一個方向浮動。以往這個屬性總應用於圖像，使文本圍繞在圖像周圍，不過在 CSS 中，任何元素均可以浮動。浮動元素會生成一個塊級框，而不論它自己是何種元素。spa

float 飄起拼接超過100%的空間是會另起一行。
float 飄起的塊級標籤不在佔用一整行。
將被float字浮遮住的邊框再次顯示，在堆疊的最後邊添加。<div stle="clear: both."></div> 。
若是浮動非替換元素，則要指定一個明確的寬度；不然，它們會盡量地窄。
假如在一行之上只有極少的空間可供浮動元素，那麼這個元素會跳至下一行，這個過程會持續到某一行擁有足夠的空間爲止。

示例：code

<html>
<body>

    <!-- float: left 飄起div標籤不在佔用一行，疊加到左邊 -->
    <div style="width:20%;background: red;float: left">1</div>

    <!-- float: right 飄起div標籤不在佔用一行，疊加到右邊 -->
    <div style="width:60%;background: seagreen;float: right">2</div>

</body>
</html>

效果：htm

1. CSS float
2. css float
3. css-float
4. css-absolute relative float 之 float
5. CSS Float(浮動)
6. CSS浮動float
7. CSS Float nine rules
8. CSS Float（浮動）
9. CSS浮動--Float
10. CSS浮動（Float）
更多相關文章...
• jQuery Mobile CSS 類 - jQuery Mobile 教程
• CSS 指南 - 網站建設指南
• Kotlin學習（二）基本類型
• 使用阿里雲OSS+CDN部署前端頁面與加速靜態資源

相關標籤/搜索

assert&ctype&errno&float&limits

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。