兩個固定Div的響應Div

Question

下午好。

這是我第一次響應式佈局，從我讀過的內容中，我試圖構建一個。

我做了一個代表我迄今爲止工作的小提琴，而且我被卡住了。

我有父母的相對寬度，它被設置爲屏幕的90％，並居中（垂直和水平）。

在這個div中，還有另外3個部分，第一個是在160px高度的絕對大小，第二個是相對的（從我的計算，接近77.56％），第三個是絕對大小大小在30px高度。

所以我的兩個問題是：

-The包裹格在全屏（1920×1080）正確對齊，但是當它到達低分辨率，那雙方DIV開始溢出（垂直和水平），我該如何解決？

- 三個div的計算似乎在不同的高度是正確的（因爲它也開始從wrap div溢出）。

OBS：在小提琴中，div的高度似乎不起作用，我不知道爲什麼。

（

#wrap div#content{ 
    position:relative; 
    background-color: teal; 
    height: 77.5678866593353%; 
    max-height: 100%; 
} 

）

這裏有一個小提琴：http://jsfiddle.net/LKQfg/1/

很抱歉，但我認爲這些問題是一個爛攤子，我無法解釋得很好。

謝謝。

Answer 1

問題是邊框和填充。要將元素居中，請給它自動保留左右邊界。 Fiddle。

div#wrap { margin: 0 auto 2.5% }