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

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 非常适合动态调整页面大小。