当给元素设置width：100%；height：100% 的时候没有反应 　　因为，元素的宽高是根据内容来自动适应的，当设置百分比值时，是根据这个元素的父元素来确定百分比的 如果父元素没有固定的值，那就需要设置值才能正常显示如： 　　 　　此div在页面中没有任何效果 ...

比如 top、left、transform属性的translate方法，他们的百分比都是相较谁而言的？ top、left是基于父元素的： translate的参数：left（x 坐标） 和 top（y 坐标） 位置参数 ， 如果是百分比，会以本身的长宽做参考 top:0; left ...

一直以来，都以为margin-top设置百分比的话是基于父元素的高度计算的，今天实际用到的时候却发现并非如此，实际上是基于父元素的高度来计算的。 如果我们想让某个元素垂直居中，最快最好的方式是设置父元素为flex布局：display:flex;然后再利用两个属性即可： ...

引言 书写页面样式与布局是前端工程师Coding 中必不可少的一项工作，在定义页面元素的样式时，padding 属性也是经常被使用到的。 padding 属性用于设置元素的内边距，其值可以是length、inherit，当然也可以是百分比。 今天为什么会聊到padding-top设置百分比时 ...

这是因为百分比高度是根据父元素的高度计算的，假设从祖先到孩子所有的元素高度都只能设置成百分比，一旦中间有一层元素没有设置高度，那这一层以及他的所有子元素都变为自适应高度（height: auto），并且max:height为这一层的父元素高度。 因此假设我们有一个项目需要用百分比完全按照分辨率 ...

方法如下 值得注意的是减号左右空开 ...

　　CSS 中可以使用%来给定指定元素的大小，也就是高度、宽度、margin，padding 等等，但是相信很多人都对百分比表示法的具体含义并不清楚，那么不懂就练，毕竟是检验真理的唯一标准（考研党举个手我看看...）。 练习： 　　 　　一般来说，很多人认为百分比表示法 ...

前段时间我同事对于margin和padding应用百分比值似乎有些误解，觉得可能是个普遍问题，所以觉得有必要拿出来单独写一下。 margin和padding都可以使用百分比值的，但有一点可能和通常的想法不同，就是 margin-top | margin-bottom ...