float

時間 2019-11-13

標籤 float 欄目 CSS 简体版

原文原文鏈接

在css中float是浮動的意思，可讓元素浮動到本身想要的地方。css

屬性值有：left，right，none，inherit（在IE8如下的任意版本不支持）html

與float相關的屬性clear：屬性值：left（清楚左邊），right（清楚右邊），both（清楚左右兩邊），none（無），inherit（繼承的浮動元素）spa

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6     <style>
 7         .d{
 8             width: 400px;
 9             height: 20px;
10             border: 1px solid red;
11         }
12         .s1{
13             background-color: green;
14         }
15         .s2{
16             background-color: greenyellow;
17         }
18         .s3{
19             background-color: aquamarine;
20             float: right;
21         }
22     </style>
23 </head>
24 <body>
27 <div class="d">
28     <span class="s1" >test1</span>
29     <span class="s2">test2</span>
30     <div class="s3">sometimes naive</div>
31 </div>
32 </body>
33 </html>

以上代碼中，咱們能夠把浮動理解爲：隱性的把內聯元素轉換爲塊級元素，可是內部的特性就是有物理特性，可是他不佔據一行，對外是內聯元素的屬性。至關於display：inline-block。code

另外：htm

行內元素float後，對齊於旁邊元素的頂部blog

行內元素flaot後,能夠設置寬和高，以及垂直方向上的margin。繼承

float：用在父級元素上，在沒有設置寬高的狀況下，回去自適應子元素的寬高it

1. float
2. css-absolute relative float 之 float
3. CSS float
4. float double
5. css float
6. css-float
7. 詳解float**類型和float*類型
8. CSS Float(浮動)
9. CGFloat和float
10. CSS浮動float
更多相關文章...
• XSL-FO float 對象 - XSL-FO 教程
• MySQL FLOAT、DOUBLE、DECIMAL（小數類型） - MySQL教程
• Kotlin學習（二）基本類型
• YAML 入門教程

相關標籤/搜索

float

2.float

margin+float

assert&ctype&errno&float&limits

CSS

每日一句

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