CSS深入理解之overflow

2022-05-02 18:42:12 字數 704 閱讀 8053

如果overflow-x:和overflow-y:的值相同,ze等同於overflow:

重點:如果overflow-x和overflow-y的值不同,且其中乙個屬性的值為visible,而另外乙個為hidden,scroll,或者auto,那麼這個visible會被重置為auto。這也就是為什麼垂直方向會自動出現滾動條的原因,因為他預設的visible被重置為auto。

無論什麼瀏覽器,預設滾動條均來自而不是來自

錨點定位與overflow選項卡技術的不足:

錨點定位的穿透性很強,會定位到滾動條最上面的位置

所以適合的應用場景:單頁應用

CSS深入理解之relative

總結 1 position absolute 他的意思是絕對定位,預設上溯父級元素,找第乙個不是 static 的元素,以其為 absolute 的基準。如果設定trbl並且父級沒有設定position屬性,那麼當前的absolute則以瀏覽器左上角為原始點進行定位,位置將由trbl決定。2 pos...

CSS深入理解之border

總結自慕課網 個人理解 width屬性具有繼承性,假設父元素100px 子元素設定50 則為50px 而border width不具有繼承性,如果使用百分比,瀏覽器解析時應該向誰作為參考物件呢,所以只能用指定大小來確定。類似不支援百分比的有 outline,border shadow,text sh...

深入理解css之line height

行高,顧名思義是一行文字的高度,而從規範上來說則是兩行文字基線之間的距離。行高是作用在每乙個行框盒子 line box 上的,而行框盒子則是由內聯盒子組成,因此,行高與內聯元素可以說是非常緊密,行高直接決定了內聯元素的高度 注意 這裡的內聯元素不包括替換元素 對於塊級元素和替換元素,行高是無法決定最...