• Float：讓元素浮動，取值：left（左浮動）、right（右浮動）。
• Clear：清除浮動，取值：left（清除左浮動）、right（清除右浮動）、both（同時清除上面的左浮動和右浮動）。

1、CSS浮動

l? 浮動的元素將向左或向右浮動，浮動到包圍元素的邊上，或上一個浮動元素的邊上為止

l? 浮動的元素，不再占空間了，并且浮動元素的層級要高于普通元素。

l? 浮動的元素，一定是“塊元素”。不管它原來是什么元素。

l? 如果浮動元素，沒有指定寬度的話，浮動后它將盡可能的變窄。因此，浮動元素一般要定寬和高。

l? 一行中的多個元素，要浮動一起浮動，要不浮動都不浮動

浮動元素的功能：可以實現將多個塊元素并列顯示。

1、 CSS浮動清除

需要在浮動元素的下邊，使用清除浮動操作。? ?clear:both | left | right;

或在父元素使用。? overflow: hidden;

• CSS清除浮動的功能有兩個：（1）可以使包圍元素從“視覺上”包住浮動元素，（2）清除之下的其它元素將恢復默認排版。
• 有浮動就得有清除。
• 如果包圍元素（里面只有浮動元素，沒有其它內容）指定了高度，那么可以不使用清除功能。

轉載于:https://www.cnblogs.com/zhangyonghan/p/8910555.html

總結

以上是生活随笔為你收集整理的浮动简要的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。