day07宽高的自适应

一、宽度自适应

        宽度一般默认与body一致，一般为width:auto（宽度100%）

        注：1、通栏布局时，width可以不写，

                2、、写时需要使用width:auto;不写宽度会时，如果使盒子浮动，宽度会丢失（或有内容         撑起盒子）

                3、width:100%是宽度自适应，但与padding等影响尺寸的样式共同使用时，会出现滚动         框

二、高度自适应:height:auto;

    注：高度默认为零，body设置背景颜色时会铺满整个页面但高度依旧为零

三、动态自适应：calc(参数1 运算符 参数2)

    注：1、运算符前后须有空格隔开

           2、当页面缩放到一定程度时，自适应会影响布局，这时需要用到限定

四、限定

        限定一般为防止因自适应导致页面布局混乱，所设置的最小宽高或最大宽高

        最小宽度：min-width:属性值

        最小高度：min-hight:属性值

        最大宽度：max-width:属性值

        最大高度：max-higth:属性值

五、css设置鼠标移动效果：

        属性::hover{

                属性：属性值

                }