2

やあ皆さん、ここで本当に助けが必要です:)

私の問題は、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>

ウィンドウのサイズを移動するとわかるように、ウィンドウが互いに吹き飛ばされます。

よろしくニクラス

4

1 に答える 1

0

それらの位置を制御したい場合は、それらをテーブル内に配置する必要があります。そうすれば、テーブル行の列 1 と列 2 に常に残ります。また、問題なくページ内に配置できます。

于 2013-04-10T20:56:05.327 に答える