0

私はこれhttp://jsbin.com/AKUtEYu/1/editを持っています。

ここでは、div1 内に画像を表示し、この div1 の下に、div2 内に送信ボタンも表示したいと考えています。ここでの問題は、2 番目の div が最初の div の下に表示されることです。

PS 1:position:absolute最初の div で使用する必要があります。削除すれば問題は解決したようですが、方法を探しています。

PS 2: 何が起こっているかを確認するために、実線の境界線を使用しました。

4

3 に答える 3

0

少し前に述べたように、送信ボタンを#container親ブロック内に移動します。

<div id="container">
    <img src="http://31.media.tumblr.com/tumblr_m50exyThDb1r4kc3co1_500.jpg" />

    <div id="footerSubmit">
        <input type="submit" alt="Submit" id="SubmitSelections" name="Submit">
    </div>
</div>

そうしないと、高さを に設定し#container、絶対位置または相対位置を設定する必要が#footerSubmitあり、より多くの作業が必要になります...

于 2013-09-10T01:11:40.043 に答える
0

1 番目の中に 2 番目を入れるとどうなりますdivか? 結局のところ、divは単なるコンテナです。重要なことは、ボタンを画像の下に配置することです。

于 2013-09-10T01:07:10.330 に答える
0

絶対要素/divの高さがわかっている場合は、その高さを使用して相対要素を配置できます。たとえば、div2 css を次のように変更します。

#footerSubmit{
        position:relative;
        top:350px;
        float:right;
        border: 10px solid;
        color:red;

    }

それ以外の場合は、div2 を div1 内に配置し、次のように配置しますbottom:0;。float:right;

于 2013-09-10T01:25:37.107 に答える