下午好。
这是我的第一个响应式布局，从我读过的，我正在尝试构建一个。
到目前为止，我做了一个代表我工作的小提琴，我被卡住了。
我有父相对宽度，它被设置为占据屏幕的90％，并且居中（垂直和水平）。
在该div中，还有另外3个部分，第一个是绝对大小，高度为160px，第二个是相对的（根据我的计算，它接近77.56％），第三个是绝对的 - 尺寸为30px高度。
所以我的两个问题是：
- 包装div在全屏（1920x1080）处正确对齐，但是当它达到低分辨率时，该div的边开始溢出（垂直和水平），我该如何解决？
- 三个div的计算在不同的高度似乎不正确（因为它开始从包装div溢出）。
OBS：在小提琴中，mid-div高度似乎不起作用，我不知道为什么。
（
#wrap div#content{
position:relative;
background-color: teal;
height: 77.5678866593353%;
max-height: 100%;
}
）
这是一个小提琴：http://jsfiddle.net/LKQfg/1/
很抱歉，但我认为这些问题很乱，我无法解释清楚。
谢谢。