如何在瀏覽器調整大小時進行動態調整大小？

Question

我有一個包含兩個div的標題橫幅，並將最小寬度設置爲770px，以便在瀏覽器調整大小時不允許第二個div轉到第二行。

<div style="min-width:700px;"> 
    <div style="float:left;">Content1</div> 
    <div style="float:right;">Content2</div> 
</div> 

我還設置了一個邊距，用margin:30px 10% 0 10%;來製作空格。

但我的問題是，當瀏覽器調整大小的元素來臨時，左邊的邊距仍然是10％，邊距不會減少。直到瀏覽器達到770px，但是在該元素不移動後，它就會減少。如果我減小第二個div到第二行的最小寬度。

如何實現這個功能.Plz幫助我.JQuery，Javascript什麼？

Answer 1

考慮使用Twitter-Bootstrap，它們的FluidGridSystem對於頁面的動態調整大小非常有效。