浮动
1.个人对浮动的理解
说到浮动,这个得从头说起,浮动是一种定位
定位
所谓定位就是定义元素框相对其正常位置应该出现在哪?就是改变元素在页面上的默认位置
定位的分类
1.普通的位置(元素默认的定位方式)
2. 浮动定位
3. 相对定位
4. 绝对定位;
5. 固定定位
定位1;
普通流定位 就是文档流定位,他们就是块级元素从上到下,每一个元素独占一行,从左到右,若满了则会自动换行
定位2。
语法
向左浮动:float left
向右浮动:float right
无浮动效果:float none
如果元素浮动起来后,除了影响自己的位置还会影响到后续元素的位置,在这样的情况下,如果不想被前面浮动元素对自己影响的话,可以用清除浮动来解决这个问题
语法:clear
clrar left; 清除当前元素的前面元素左浮动带来的影响
clear right:清除当前元素的前面元素右浮动带来的影响