網(wǎng)站自適應(yīng)之清除標(biāo)簽的float浮動(dòng)

編輯：狂族晨曦 來(lái)源：經(jīng)驗(yàn)雜筆 日期：2016-04-09 閱讀： 2,534 次 2 條評(píng)論 » 百度已收錄

Float是我們?cè)谠O(shè)計(jì)網(wǎng)站前端的時(shí)候，很常用到的一個(gè)CSS屬性。我們常用它來(lái)讓DIV等標(biāo)簽貼向左邊或者右邊。關(guān)于Float的用法，大家可以去看看w3school的介紹：

• w3school：CSS float 屬性

其實(shí)Float共有4個(gè)用法，我們常用的方法是設(shè)置是下面這兩種：

float:left;
float:right;

我們?cè)谠O(shè)置不同分辨率CSS樣式的時(shí)候，可以用float的right來(lái)替換left以達(dá)到某些設(shè)計(jì)上的要求，但是我們的要求是多變的。

先森在適配網(wǎng)站自適應(yīng)的時(shí)候，就遇到了設(shè)置了左右浮動(dòng)的標(biāo)簽，在更小分辨率想要將其設(shè)置為居中的狀態(tài)的時(shí)候設(shè)置不成功的情況，這時(shí)先森就想讓它的浮動(dòng)效果清除掉。

清除左右浮動(dòng)其實(shí)也很簡(jiǎn)單，上文說(shuō)了Float共有4個(gè)用法，除了常用的左右浮動(dòng)，還有兩個(gè)用法分別是"none"和"inherit"。從字面意思上就可以看出它們的用法，分別是“沒(méi)有”和“繼承”。

在我們想要將其浮動(dòng)清除的時(shí)候，只需要設(shè)置以下屬性即可：

float:none;

關(guān)于Float的浮動(dòng)，清除起來(lái)還是比較容易。但是關(guān)于定位的屬性position的定位，如何清除它的影響先森還是沒(méi)能琢磨的透。網(wǎng)上提出的有兩種解決方法，一個(gè)是overflow，另一個(gè)是clear:both，只能看哪個(gè)有用設(shè)置哪個(gè)了。

網(wǎng)站自適應(yīng)之清除標(biāo)簽的float浮動(dòng)