响应式网页设计基础也是重点：灵活性(5)

　　#push li a { padding-left: 27.7777777%; /* 25px / 90px */ }

　　纵向值

　　到目前为止，我们已经严谨地计算了左右的水平值，但是我们在x轴和y轴方向都会设定padding和margin，这就意味着，上下文宽度应该依据水平或垂直方向而变化。

　　正如你之前看到的那计算，水平方向的百分比值，都是以父元素的宽度作为上下文宽度的(padding是除外)。与此同时，纵向em值是以基本字体大小作为上下文值的。

　　如果你还记得成比例的字号的计算那一部分内容，我们为EE-podcast.com设定的基本字体大小是16px. 所以，如果我想指定纵向的margin和padding，上下文高度值就是16px. 此外，纵向值应该用em表示，不是百分比 和成比例的字号的单位一样。

　　这个网站的和都有纵向的padding：有20px的顶部padding，有20px的底部padding。(见图4)

　　要确定这些padding比例值，我将16px作为上下文高度值(也就是基本字体的大小)，并使用相同的公式进行计算： 20 ÷ 16 = 1.25

　　请记住，垂直方向上的比例值应该以em为单位。也就是说可以在CSS中直接使用浮点值，不用转换成百分比：

　　header,footer, .wrap{ padding:1.25em 4.25531%;/*TB-20px/16px|RL-40px/940px*/ width:79.3%; }

　　这里，我将横向和纵向的padding值都简写了，修改了一些注释的内容，以便为今后的开发提供能多参考。

　　padding:1.25em 4.25531%;/*TB-20px/16px|RL-40px/940px*/

　　在这些注释中，我将顶部和底部的值都用TB- 前缀进行标识，左右的值用RL-前缀。这仅仅试是帮我记录这些比例值是如何计算的。你同样可以使用自己熟悉的格式或者语法，强烈建议你花些时间去记录他们。

　　成比例的高度

　　在开发当中，我通常不会指定高度值。但是在EE Podcast网站中需要做很多高度的设定，比如，的高度设定为148像素