需要浮動(dòng)的元素可使用CSS中float屬性來定義元素的浮動(dòng)位置，left：往左浮動(dòng)，right：往右浮動(dòng)
浮動(dòng)元素引起的問題：
（1）父元素的高度無法被撐開，影響與父元素同級(jí)的元素
（2）與浮動(dòng)元素同級(jí)的非浮動(dòng)元素會(huì)跟隨其后
（3）若非第一個(gè)元素浮動(dòng)，則該元素之前的元素也需要浮動(dòng)，否則會(huì)影響頁面顯示的結(jié)構(gòu)
解決方法：
使用CSS中的clear:both;屬性來清除元素的浮動(dòng)可解決2、3問題，對(duì)于問題1，添加如下樣式，給父元素添加clearfix樣式：
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}??/* for IE/Mac */

轉(zhuǎn)載于:https://www.cnblogs.com/wangshichuan/p/4205700.html

總結(jié)

以上是生活随笔為你收集整理的理解浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。