日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

浮動(dòng)（float）是CSS中的一種布局方式，它可以讓元素脫離正常的文檔流，并使其周圍的元素圍繞在它周圍，浮動(dòng)元素的寬度不再由其內(nèi)容決定，而是由其包含塊的寬度和浮動(dòng)方向決定，浮動(dòng)方式主要有以下幾種：

1. 左浮動(dòng)（float: left）：將元素向左浮動(dòng)，使其脫離正常的文檔流，并使其右側(cè)的元素跟隨其后。

2. 右浮動(dòng)（float: right）：將元素向右浮動(dòng)，使其脫離正常的文檔流，并使其左側(cè)的元素跟隨其后。

3. 清除浮動(dòng)（clear）：清除元素的浮動(dòng)效果，使其重新回到正常的文檔流中，常用的清除浮動(dòng)方法有clear: both、clear: left和clear: right。

4. 雙邊浮動(dòng)（float: none）：將元素脫離正常的文檔流，但不指定浮動(dòng)方向，通常用于清除元素的浮動(dòng)效果。

5. 自動(dòng)浮動(dòng)（float: auto）：將元素設(shè)置為自動(dòng)浮動(dòng)，使其根據(jù)需要向左或向右浮動(dòng)，通常用于實(shí)現(xiàn)多列布局。

6. 固定浮動(dòng)（float: fixed）：將元素固定在視口中的某個(gè)位置，即使頁(yè)面滾動(dòng)，元素也不會(huì)移動(dòng)。

7. 粘滯浮動(dòng)（sticky float）：類似于固定浮動(dòng)，但當(dāng)元素到達(dá)視口邊緣時(shí)，會(huì)停止移動(dòng)，而不是繼續(xù)跟隨頁(yè)面滾動(dòng)。

8. 文本環(huán)繞浮動(dòng)（float: inline-block）：將元素設(shè)置為行內(nèi)塊級(jí)元素，使其可以與其他行內(nèi)元素并列排列，同時(shí)具有浮動(dòng)的特性。

9. 清除內(nèi)部浮動(dòng)（clearfix）：通過在容器元素中添加偽元素，清除子元素的浮動(dòng)效果，使容器元素的高度能夠正常計(jì)算。

10. 單邊浮動(dòng)（float: left | right | none）：將元素設(shè)置為單邊浮動(dòng)，不指定另一側(cè)的浮動(dòng)效果。

11. 三邊浮動(dòng)（float: left | center | right）：將元素設(shè)置為三邊浮動(dòng)，分別指定左、中、右三個(gè)方向的浮動(dòng)效果。

12. 雙邊不浮動(dòng)（float: none | inline-start | inline-end | inline-table | block）：將元素設(shè)置為雙邊不浮動(dòng)，不指定任何浮動(dòng)效果。

13. 雙邊相對(duì)定位（float: relative）：將元素相對(duì)于其正常位置進(jìn)行偏移，但不脫離正常的文檔流。

14. 雙邊絕對(duì)定位（float: absolute）：將元素從正常文檔流中移除，相對(duì)于最近的非靜態(tài)定位祖先元素進(jìn)行定位。

15. 雙邊固定定位（float: fixed）：將元素相對(duì)于瀏覽器窗口進(jìn)行定位，即使頁(yè)面滾動(dòng)，元素也不會(huì)移動(dòng)。

16. 雙邊粘性定位（float: sticky）：將元素在滾動(dòng)到一定位置時(shí)變?yōu)楣潭ǘㄎ唬跐L動(dòng)離開該位置時(shí)恢復(fù)為相對(duì)定位。

17. 雙邊網(wǎng)格布局（float: grid）：將元素設(shè)置為網(wǎng)格布局，使其按照網(wǎng)格線進(jìn)行排列。

18. 雙邊彈性布局（float: flex）：將元素設(shè)置為彈性布局，使其子元素可以根據(jù)空間自動(dòng)調(diào)整大小和位置。

19. 雙邊層疊布局（float: stack）：將元素設(shè)置為層疊布局，使其子元素按照層疊順序進(jìn)行排列。

20. 雙邊堆疊布局（float: stack-group）：將元素設(shè)置為堆疊布局，使其子元素按照堆疊順序進(jìn)行排列。

21. 雙邊表格布局（float: table）：將元素設(shè)置為表格布局，使其子元素按照表格單元格進(jìn)行排列。

22. 雙邊多欄布局（float: multi-col）：將元素設(shè)置為多欄布局，使其子元素按照多列進(jìn)行排列。

23. 雙邊分欄布局（float: column-group）：將元素設(shè)置為分欄布局，使其子元素按照分欄進(jìn)行排列。

24. 雙邊對(duì)齊布局（float: align-content）：將元素設(shè)置為對(duì)齊布局，使其子元素按照對(duì)齊方式進(jìn)行排列。

25. 雙邊對(duì)齊容器布局（float: align-items）：將元素設(shè)置為對(duì)齊容器布局，使其子元素按照對(duì)齊方式進(jìn)行排列。

26. 雙邊對(duì)齊項(xiàng)目布局（float: align-self）：將元素設(shè)置為對(duì)齊項(xiàng)目布局，使其子元素按照對(duì)齊方式進(jìn)行排列。

27. 雙邊對(duì)齊區(qū)域布局（float: justify-content）：將元素設(shè)置為對(duì)齊區(qū)域布局，使其子元素按照對(duì)齊方式進(jìn)行排列。

28. 雙邊對(duì)齊區(qū)域容器布局（float: justify-items）：將元素設(shè)置為對(duì)齊區(qū)域容器布局，使其子元素按照對(duì)齊方式進(jìn)行排列。

29. 雙邊對(duì)齊區(qū)域項(xiàng)目布局（float: justify-self）：將元素設(shè)置為對(duì)齊區(qū)域項(xiàng)目布局，使其子元素按照對(duì)齊方式進(jìn)行排列。

30. 雙邊對(duì)齊區(qū)域邊界布局（float: align-content-between | align-items-between | align-self-between | justify-content-between | justify-items-between | justify-self-between）：將元素設(shè)置為對(duì)齊區(qū)域邊界布局，使其子元素按照對(duì)齊方式進(jìn)行排列。
網(wǎng)頁(yè)標(biāo)題：浮動(dòng)float方式有哪些「float浮動(dòng)的用法」
網(wǎng)頁(yè)網(wǎng)址：http://www.dlmjj.cn/article/dpohoog.html