在網(wǎng)頁中,我們經(jīng)常需要使用 CSS 去設(shè)置元素的浮動狀態(tài),但是有時候也會需要將元素設(shè)置為不浮動。那么,怎樣才能將元素設(shè)置為不浮動呢?
其實,CSS 中有一個屬性可以解決這個問題,那就是 clear 屬性。clear 屬性被用于指定一個元素是否允許出現(xiàn)在浮動元素的旁邊。
clear 屬性可以有以下幾個值:
clear: none; /* 默認值,允許元素出現(xiàn)在浮動元素的旁邊 */ clear: left; /* 元素不允許出現(xiàn)在左側(cè)的浮動元素旁邊 */ clear: right; /* 元素不允許出現(xiàn)在右側(cè)的浮動元素旁邊 */ clear: both; /* 元素不允許出現(xiàn)在任何浮動元素旁邊 */
如果要將一個元素設(shè)置為不浮動,我們可以使用 clear 屬性并將其值設(shè)置為 both。例如:
.clear { clear: both; }
這樣,我們就可以將該元素設(shè)置為不浮動,并始終出現(xiàn)在瀏覽器窗口的最下方。