CSS基礎複習總結(一) 元素隱藏 清除浮動

2021-10-10 20:31:32 字數 685 閱讀 5751

一.隱藏元素的幾種方法

1.display:none //使用該方法時隱藏的元素將不會占用原來的位置。

2.visibility: hidden //使用該方法時隱藏的元素將占用原來的位置。

3.運用padding給足夠大的左邊距將其在瀏覽器中把他給擠出去,為了安全起見建議加上overflow:hidden——這樣可以把千里之外的元素再給隱藏起來~

二.清除浮動的幾種方式:

1.給父元素設定乙個高度,但是這種方法在一些獲取重新整理商品的情況中不適用。

2.在結尾出新增乙個空的盒子,並給其樣式clear:both,這樣的原理是讓父級盒子自動獲取高度

3.父級 div 定義 偽類:after 和 zoom,原理和方法 2 有點類似但是可以使**的可讀性大大提高,推薦使用

.clearfix:after

.clearfix

//相容ie8以下版本的清除浮動的支援

4.父級 div 定義 overflow:hidden,這樣的話會把超出父盒子部分的子元素給隱藏掉,不推薦使用。

5. 雙偽元素法:與方法3類似,只不過方法3只在父盒子後面建立了偽元素,該方法是在父元素前面和後面都建立了偽元素。

.clearfix:before,.clearfix:after 

.clearfix

唯一元素List UniqueList

using system using system.collections.generic using system.linq using system.text using system.reflection.emit using nunit.framework namespace sastest...

CSS實戰筆記 八 元素隱藏

在 css 中,隱藏乙個元素有很多種方法,下面我們來一一介紹 opacity 0 將元素的不透明度設定為 0,但是這個元素還是會佔據原來的位置,只是在視覺上不可見而已 它不會改變頁面的布局,還能夠響應使用者的操作 visibility hidden 將元素的可見性設定為隱藏,從而使得這個元素是不可見...

CSS 九 元素隱藏和利弊

可以配合我寫的 html 食用 隱藏元素.html 我將他們分為 可以點選 和 無法點選兩類。可以點選 設定了position absolute 往往不佔據空間,display none 是直接蒸發了,根本沒有空間一說。position relative 是相對原來的位置定位,還是佔據著空間。opa...