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

2021-10-03 02:07:40 字數 792 閱讀 4371

以三個子元素浮動為例

.father

.son1, .son2, .son3

.son1

.son2

.son3

son1

son2

son3

1、三個子元素都不浮動 !( 2、son1左浮動 !( 3、son1右浮動 ![在這裡插入描述]( 4、son2左浮動 ![在這裡插入描述](右浮動 ![在這裡插入描述](左浮動 ![在這裡插入描述](右浮動 ![q7]( 8、son1左,son2左 ![在這裡插入描述](左、son2右 ![在這裡插入描述]( 10、son1右,son2左 ![在這裡插入描述]( 11、son1右,son2右 ![在這裡插入描述](左,son3左 ![在這裡插入描述](左,son3右 ![在這裡插入描述](右,son3右 ![在這裡插入描述]( 15、son1右,son3左 ![在這裡插入描述](左,son3左 ![在這裡插入描述]( 17、son2左,son3右 ![在這裡插入描述]( 18、son2右,son3右 ![在這裡插入描述]( 19、son2右,son3左 ![在這裡插入描述]( 20、son1左,son2左,son3左 ![在這裡插入描述]( 21、son1右,son2左,son3左 ![在這裡插入描述](左,son2右,son3左 ![在這裡插入描述]( 23、son1左,son2左,son3右 ![在這裡插入描述]( 24、son1右,son2右,son3左 ![在這裡插入描述]( 25、son1右,son2左,son3右 ![在這裡插入描述]( 26、son1左,son2右,son3右 ![在這裡插入描述]( 27、son1右,son2右,son3右 ![在這裡插入描述](

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

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

清楚浮動造成的影響

清楚浮動的幾種方法 html部分 css部分 left right clearfix說明 這樣寫可以達到清楚浮動的效果,不過上訴辦法是在需要清除浮動的地方加個div.clear或者br.clear。但是這種方法的最大缺陷就是改變了html結構,雖然只是加個div或br。html部分 css部分 只變...

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

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