Question

嘿伙计们，我真的需要一些帮助：）

我的问题是我在div中有2个动态宽度div，它们从460到640px（只是一个例子）而我的网站从960px扩展到1300px，所以当我的网站宽度为1300px时我想要两个div都是在同一条线上，宽度为640px，当网站为960px时，我希望div位于同一条线上，宽度为460px。

我的问题是，当网站变小（拖动浏览器的宽度）时，它们会相互降低。

这里有一些代码：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>

正如你所看到的那样，当你移动窗户的大小时，它们会相互吹拂。

尊敬尼克拉斯

Answer 1

如果你想控制他们的位置，你应该将它们放在一张桌子里。这样他们总是会留在tablerow的第1列和第2列。你可以在页面内对齐它们而不会有太多麻烦。

强制动态div在同一行

1 个答案: