javascript - 浏览器调整大小时如何动态调整大小？

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% 并且边距没有减少。它会减少直到浏览器达到 770 像素但在该元素不移动之后。如果我减少 min-宽度第二个 div 转到第二行。

如何实现此功能。请帮助我。Jquery，Javascript 什么？

Answer 1

考虑使用Twitter-Bootstrap，他们的FluidGridSystem非常适合动态调整页面大小。