以三個子元素浮動為例
.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來進行定...