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

編輯：狂族晨曦 來源：經(jīng)驗雜筆 日期：2016-04-09 閱讀： 2,458 次 2 條評論 » 百度已收錄

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

• w3school：CSS float 屬性

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

float:left;
float:right;

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

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

清除左右浮動其實也很簡單，上文說了Float共有4個用法，除了常用的左右浮動，還有兩個用法分別是"none"和"inherit"。從字面意思上就可以看出它們的用法，分別是“沒有”和“繼承”。

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

float:none;

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

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