如何在浏览器调整大小时进行动态调整大小？

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对于页面的动态调整大小非常有效。