清除浮动与固定定位

一、清除浮动

  1. clear:    (不推荐)

            left        左浮动清除

            right      右浮动清除

            both        左右都清除

    在最后加一个元素，给元素加clear样式。 

    2. overflow: hidden;(有瑕疵)

        除了溢出隐藏，还可以清除浮动

    给父级添加overflow:hidden;样式

    注意:如果有会超出父级的东西，那就不能用了。

    3.clearfix(推荐)

        完美解决清除浮动问题

二、固定定位

    position: fixed;

        特点

            相对于可视区进行定位

            元素变成块

            宽度尽可能窄

            脱离文档流