下午好。
这是我的第一个响应式布局，根据我所读到的内容，我正在努力构建一个。
到目前为止，我制作了一把代表我作品的小提琴，但我被卡住了。
我有父相对宽度，它被设置为占据屏幕的90%，并居中(垂直和水平)。
在这个div中，还有另外3个部分，第一个是160px高度的绝对大小，第二个是相对大小(根据我的计算，大约是77.56%)，第三个是30px高度的另一个绝对大小。
所以我的两个问题是：
-wrapdiv在全屏(1920x1080)下正确对齐，但当它达到低分辨率时，该div的边开始溢出(垂直和水平)，我该如何解决这个问题？
-在不同的高度上，对三个div的计算似乎不正确(因为它也开始从wrapdiv溢出)。
OBS：在小提琴中，中div高度似乎不起作用，我不知道为什么
(
#wrap div#content{
position:relative;
background-color: teal;
height: 77.5678866593353%;
max-height: 100%;
}
)
这是一把小提琴：http://jsfiddle.net/LKQfg/1/
对不起，我觉得这些问题一团糟，我不能很好地解释。
谢谢。
问题在于边界和填充。要使元素居中，请为其提供左右自动边距。不停摆弄
div#wrap { margin: 0 auto 2.5% }