css列自動調整大小問題

Question

我有兩個CSS列我的網站他們適合內主容器，寬度爲75％，居中。我希望正確的容器寬度至少爲300px，但如果瀏覽器中存在空間（我的廣告寬度爲300px），則可以擴展容器，左邊的容器可以填充剩餘空間以及它們之間的一些空間。這是CSS我到目前爲止，

#body_container{ 
    margin: 200px auto 0 auto; 
    width:75%; 
    } 
#left_container{ 
    float: left; 
    width: 63%; 
    padding:5px; 
    margin-right:15px; 
    } 
#right_container{ 
    float:left; 
    width: 32%; 
    padding:5px; 
    margin-right:15px; 
    } 

這是一種工作，但在較小的瀏覽器（我的是很寬的，所以我更小的顯示屏上查看時，只注意到這一點）右列下推在左邊下面：/任何人有任何想法？提前致謝。另外如果你需要看到更多的源代碼，它在http://sunnahspace.com，但這是一個預警，它在IE中根本不可見。

Answer 1

它的預期行爲 - 您使用的是固定大小的邊距和填充，這意味着在某個點上，來自兩列的填充和邊距總計50px將大於列的寬度的5％不要佔用，而且會碰撞到對方。不幸的是，除了指定最小寬度或使用CSS媒體查詢之外，沒有什麼可以完成的。