2

嘿伙计们，我真的需要一些帮助:)

我的问题是我在一个 div 中有 2 个动态宽度 div，它们从 460 到 640 像素（只是一个例子），我的网站从 960 像素跨越到 1300 像素，所以当我的网站是 1300 像素宽时，我希望两个 div 都在同一个宽度为 640 像素的行，当网站为 960 像素时，我希望 div 位于宽度为 460 像素的同一行上。

我的问题是，当网站变小（拖拽浏览器的宽度）时，它们会彼此下降。

这是一些代码：http: //jsfiddle.net/EKYLe/2/

这是html：

<div class="Content">
<div class="box-container">
    <div class="box">
        <h2>Nyheder</h2>

    <p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</p>

    <ul>
        <li>Lorem ipsum dolor sit amet.</li>
        <li>Lorem ipsum dolor sit amet.</li>
        <li>Lorem ipsum dolor sit amet.</li>
    </ul>
    </div>
    <div class="box">
        <h2>Nyheder</h2>

    <p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</p>

    <ul>
        <li>Lorem ipsum dolor sit amet.</li>
        <li>Lorem ipsum dolor sit amet.</li>
        <li>Lorem ipsum dolor sit amet.</li>
    </ul>
    </div>
</div>

正如您所看到的，当您移动它们掉落的窗户的大小时，它们会互相打击。

关于尼克拉斯

4

1 回答 1

0

如果你想控制它们的位置，你应该把它们放在一张桌子里。这样，它们将始终保留在 tablerow 的第 1 列和第 2 列中。您可以在页面内对齐它们而不会遇到太多麻烦。

于 2013-04-10T20:56:05.327 回答