宽度高度自适应

Width : 如果元素浏览器宽度小于width的值会出现滚动条

Min-width ：如果元素浏览器宽度小于min-width的值会出现滚动条，大于此值则会占全屏

Max-width：如果元素浏览器宽度小于max-width的值不会出现滚动条，大于此值则会按照此值去显示

Height：如果没有内容则会显示给定值高度的区域，内容如果超出会溢出

Min-height：如果没有内容则会显示给定值高度的区域，内容如果超出则会随之内容的增加而增大

Max-height：如果没有内容则没有高度，如果有内容，内容没有超过给定值的高度则显示内容的高度，超过给定值高度则内容会溢出

最小高度的兼容

min-height：value；_height:value;

min-height：value； height:auto !Important; height:value(此方式较好)

高度塌陷父元素没有设置高度，子元素float

1.overflow:hidden;

优点：简单易记

缺点：父元素有内容溢出会被裁切

2.给float的元素后边添加一个空div，设置clear:both;height:0;overflow:hidden;

优点：父元素有内容溢出不会被裁切

缺点：不利于SEO（搜索引擎的优化），div的增加会使网页结构变得复杂，SEO喜欢结构简单的页面

3.万能的清除法

        父元素:after{
            content: "";
            display: block;
            clear: both;
            height: 0;
            overflow: hidden;
            visibility: hidden;
        }

优点：父元素有内容溢出不会被裁切，有利于SEO

缺点：复杂不利于记忆

4.给父元素添加高度

如果宽度高度需要达到100%的状态时仍然需要添加margin和padding出现滚动条的解决方式

给定位属性fixed或者absolute

利用函数的方式去写宽度或者高度calc(100% - valuepx)

如果单纯是padding可以使用怪异盒模型

伪元素选择器

：before  内容之前（必须与content连用）

：after  内容之后（必须与content连用）

：first-line 第一行（必须是块状元素才能生效）

：first-letter 第一个字符（必须是块状元素才能生效）

：：selection更改文字默认选中状态 可以更改背景颜色文字颜色