Tips：对于蕴含块的常识，能够先看看《对于CSS中设置overflow属性的值为hidden的相干了解》这篇文章，上面会波及到。
height 高
height设置百分比的时候，简略的了解是绝对父结点的高来计算的，能够看个例子（点击此处查看）。
咱们设置了父结点的高和兄弟结点的高，最终发现设置100%高的后果和父结点的高统一。
那么，如果咱们不给父结点设置高会怎么样？还是看看例子（点击此处查看），后果发现height:100%生效了。
是的，第一个孩子只是把父结点撑起来了。如果加个定位会怎么样？革新一下例子（点击此处查看）。哈哈哈，高又复原了。
可能你会好奇，如果我给父结点设置高的同时用孩子把父结点撑起来（同时加定位）会怎么样？看看例子（点击此处查看）。后果，依照父结点计算。
padding 内间距
padding能够别离设置上下左右四个方向的间距，无论是哪个方向，如果应用百分比作为单位，都是参考父元素的宽计算。
来看个例子(点击此处查看)，咱们给div设置的padding:10%，试着缩放浏览器能够发现，只有浏览器的宽扭转了，padding才会扭转，这样也初步验证了咱们下面提到的。
进一步，咱们对例子(点击此处查看)进行革新：加了一层设置了固定宽的父结点。
按理说，因为父结点的宽是固定的，无论浏览器宽（也就是body的宽）如何扭转，都不会影响padding的值，而事实却掐恰相同。
为什么？
因为咱们给设置padding的div设置了相对定位，此时，这个div曾经脱离文档流，如果仍旧依据物理上的父div来计算padding会不会不适合？所以，下面说的父结点不是物理上的，而是布局上的，精确的说，就是蕴含块。
因为设置了相对定位，此时其蕴含块曾经变成了body，所以padding的百分比仍旧是绝对body的宽来计算的。
那么，padding的这个个性有什么技巧能够总结？
如果咱们当初有一个容器，其宽不确定，可是咱们心愿外面的某个子元素高始终是此容器宽的一半，怎么办？
是的，padding的这个特点就把宽和高分割起来了，�你能够看看最终的例子(点击此处查看)。