html之定位、浮动补充

来源:互联网 发布:华容道java源代码 编辑:程序博客网 时间:2024/05/29 18:09
1.  浮动会将元素转化为行内块元素    清除浮动方法:        1.1.        overflow:hidden        1.2.        <div style='clear:both'></div>        1.3.        .clearfix:before,.clearfix:after{            content:'',            display:table        }        .clearfix:after{            clear:both        }        .clearfix{            zoom:1        }2.    定位:        2.1        relative:相对自身位置定位,原来的位置还被占据,像有根线的风筝        2.2        absolute:相对已定位的父级定位,原来的位置不被占据        2.3        fixed:相对窗口进行定位,不占据原来的位置        2.4        static:默认    绝对定位和固定定位会将元素转化为行内块元素