1206课后随笔

    1.浮动：

        浮动框可以向左或向右移动，直到外边缘碰到包含框或另一个浮动框边框为止。

        向左浮动：float:left; 向右浮动：float:right; 清楚浮动：clear:both; 图片浮动：img{float:right}

    2.显示：

        规定元素应该生成的框的类型display:

        块级元素显示：block; 内联元素显示：inline;

        行内元块素：inline-block; 弹性盒子：display:flex;

    3.定位（难点）
        position:static(默认，没有定位)；fixed(绝对定位，相对浏览器)；

        relative(相对定位，相对正常位置)；absolute（绝对定位，相对不是static的父元素定位）;

        top:顶部      left:左边      right:右边      bottom:中间      z-index:1

    4.@media选择器

        @media screen and (max-width:300px){}