css中的定位對其他元素的影響

2021-08-04 22:09:19 字數 564 閱讀 8138

1.相信初學者在剛剛接觸定位,並且使用固定定位的時候,可能會出現一些不是自己想要的那個效果,使用固定定位的元素會影響到顯示在它下方的元素,下方的元素會被使用固定定位的元素覆蓋掉固定定位元素的高度。下面就給大家介紹乙個小方法來解決這個小問題吧!

css**如下

.top

.banner

html**

......

....

....

這樣寫所呈現的**是這樣的:

banner會被top覆蓋點100px,想要解決這個問題很簡單,就是在.banner{}樣式中新增padding-top:100px;就ok了。

以後如果再遇到類似的問題,可以給被覆蓋的元素加上padding-top:設定固定定位的元素的高度。

2.文字中有時可能需要新增空格,但是你可能需要不同寬度的空格,所以下面就給大家介紹不同的空格:

(1) 我們在寫東西的時候最常見的一種,它所佔的是乙個空格的寬度,這個會影響到正常的換行。所以在寫頁面的時候要少用這個。

(2) 這個所代表的寬度會比 稍窄點,當你不需要像 那樣的寬度時,就可以用這個。

(3) 

浮動的元素對其他元素造成的影響

以三個子元素浮動為例 father son1,son2,son3 son1 son2 son3 son1 son2 son3 1 三個子元素都不浮動 2 son1左浮動 3 son1右浮動 在這裡插入描述 4 son2左浮動 在這裡插入描述 右浮動 在這裡插入描述 左浮動 在這裡插入描述 右浮動 q...

CSS重點總結(二) 定位,浮動對元素的影響

定位 相對於誰定位的 是否脫離文件流 是否改變元素型別 用途相對定位 相對於自己來定位的 半脫離文件流 不改變元素型別 一般給絕對定位當父級 絕對定位 相對定位父級來說的,定位父級就是這個元素的父級裡面要有定位 position 什麼position都可以 如果沒有定位父級那就相對於body來進行定...

CSS定位網頁中的元素

relative相對定位 偏移設定 left right top bottom 值單位 px元素的規律 相對定位元素的規律 設定相對定位的盒子會相對它原來的位置通過指定偏移,到達新的位置。設定相對定位的盒子仍在標準文件流中,它對父級盒子和相鄰的盒子都沒有任何影響 設定相對定位的盒子原來的位置會被保留...