height 100%

https://blog.51cto.com/jinkaiye/2447280

1.如果不给定元素宽高，浏览器默认分配高度是0px，宽度是浏览器<bower>宽度。
2.浏览器是由DOM树由上至下执行的。自身属性指定的值优先，但不包含继承性质的。如百分比%
（1）如果父元素没有设置相关属性，子元素设置height 100%, 则父、子元素实际高度为0
（2）如果子元素没有设置相关属性，父元素设置height 100%, 则父元素为文档高度，子元素为0
注意：有时候我们看到父、子元素高度为0，但显示正常，是子元素高度，即文档高度。是一种溢出的现象。
通常正确的写法是html,body{width:100%;height:100%}
3.背景图片不能overflow：hidden，但可以设置为百分比和大小
-----------------------------------------------------------------------------------------------

div设置规则：

1、设置DIV的高度，宽度；

--宽度，高度  自己的大小

        min-width: 36%;

        max-width: 28%;

        min-height: 30%;

        max-height: 42%;

--背景： 自己的样式

        background: #FFFFFF;

        border-radius: 20px;

--位置:   与他人的关系，父亲，浏览器

        position: absolute;

        top: 14%;

        right: 4%;

--边距  自己的样式

        padding: 0% 3%;

        padding-bottom: 2%;

 

------------------------------------

1、在功能方面：div是一个块级元素，它包含的元素会自动换行。而span是行内元素，在它的前后不会换行。span没有结构上的意义，只是单纯的应用样式，其它元素不适合时，就可以使用span元素。span可以作为div的子元素，但div不能是span的子元素，如果出现span中出现div不符合ws3c的页面标准。

　　2、在使用方面：span元素宽度是被包围的内容宽度决定，不建议给span设置宽度属性width，可以给span设置margin值，设置与父元素之前的距离。span可以通过css声明（display:block）转换为块元素，想对一行中的文字或图片单独设置样式，而又由不需要换行的条件下又不影响其他行内其他内容，span可以很好解决这些问题