1. 程式人生 > >消除float浮動的影響

消除float浮動的影響

spl span 背景 col 清除浮動 mage load 2個 地方

一、

在父元素中當前浮動元素下面添加一個空的div 添加clear屬性

<div style="displya:none;clear: left;"></div>

1、clear語法:

clear : none | left|right| both

2、clear參數值說明:
none :  允許兩邊都可以有浮動對象
both :  不允許有浮動對象
left :  不允許左邊有浮動對象
right :  不允許右邊有浮動對象

3、clear解釋:
該屬性的值指出了不允許有浮動對象的邊情況,又對象左邊不允許有浮動、右邊不允許有浮動、不允許有浮動對象。

4、css結構
div{clear:left}
div{clear:right}
div{clear:both}

二、div clear常用地方
我們常常用於使用了float css樣式後產生浮動,最常用是使用clear:both清除浮動。比如一個大對象內有2個小對象使用了css float樣式為了避免產生浮動,大對象背景或邊框不能正確顯示,這個時候我們就需要clear:both清除浮動。

技術分享圖片

消除float浮動的影響