這篇文章主要介紹css中浮動指的是什么，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
在css中，浮動是一種使元素脫離文檔流的方法，會使元素根據float的值向左或向右移動，其周圍的元素也會重新排列，直到它的外邊緣碰到包含框或另一個浮動框的邊框為止。
浮動是一種使元素脫離文檔流的方法，會使元素向左或向右移動，其周圍的元素也會重新排列。
浮動的意義：設置了浮動屬性的元素會脫離普通標準流的控制，移動到其父元素中指定的位置的過程，將塊級元素放在一行，浮動會脫離標準流，不占位置，會影響標準流，浮動只有左右浮動，不會出現上下浮動。
浮動是一種非常有用的布局方式，它能夠改變頁面中對象的前后流動順序。這樣做的好處是，使得內容的排版變的簡單，具有良好的伸縮性。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
img
{
float:right;
}
</style>
</head>
<body>
<p>在下面的段落中，我們添加了一個 <b>float:right</b> 的圖片。導致圖片將會浮動在段落的右邊。</p>
<p>
<img src="logocss.gif" width="95" height="84" />
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
</p>
</body>
</html>
元素浮動的特性：
1、浮動的元素脫離了標準文檔流，擺脫塊級元素和行內元素的限制
2、浮動的元素存在相互貼靠的效果，當寬度不夠的時候，會出現自動換行
3、浮動的元素雖然脫離了標準文檔流，但是沒有脫離文本流，會出現被字包圍的效果
浮動導致的后果：
（1）由于浮動元素脫離了文檔流，所以父元素的高度無法被撐開，影響了與父元素同級的元素
（2）與浮動元素同級的非浮動元素會跟隨其后，因為浮動元素脫離文檔流不占據原來的位置
（3）如果該浮動元素不是第一個浮動元素，則該元素之前的元素也需要浮動，否則容易影響頁面的結構顯示
因此需要清除浮動。那么如何清除浮動？推薦閱讀《CSS如何清除浮動？3種方法介紹》
以上是“css中浮動指的是什么”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
