0

だから、この問題が私に与えたすべての問題のために、私はやめたいと思うところまで来ました。誰かが私を助けてくれたら、それは素晴らしいことです:D!

私のウェブサイトでやりたいことは、ウェブサイトの左側に div ボックスを配置することです。そこには、私のウェブサイトの内容を説明する別のページに移動する「詳細」リンクがあります。そのすぐ下のビデオになります（私のウェブサイトを説明する私のものになります）

もう一方の div ボックスには、ユーザーが自分の Web サイトにサインアップするための基本的なサインアップ フォームである「サインアップ フォーム」が必要です。

今、私の問題は、ボックスまたはサインアップシートを並べて配置することではありません。

現在、私の問題は、ボックスの上部の位置合わせです。「float:left;」を入れると それらを並べて配置しました（まさに私が望んでいたように）しかし、ボックスの上部の境界線の1つは他の境界線よりも高くなっています

たとえば、これはこれまでの私のウェブサイト です。

このように見えるようにしたいhttp://www1.picturepush.com/photo/a/12506959/640/12506959.png

誰でも私を助けることができますか？私は壁にぶつかったので、本当にこの問題を解決したいと思っています。

4

4 に答える 4

1

すべてのブレーク タグがある理由はわかりませんが、構文は次のようにする必要があります。

<div id="header">

</div>

<div id="container">
    <div class="ex">

    </div>
    <div class="myform">

    </div>
    <div class="clear"></div>
</div>

ヘッダーは同じままです。コンテナは両方のボックスをラップする必要があります。通常、これは次の CSS を使用してページの中央に配置されます。

.container { width:980px; margin: 0 auto; }

.ex クラスは同じまま (float: left;) になり、.myform クラスも同じままになります (float: left;)。

.clear クラスは、ブラウザが最終的なディスプレイの高さを計算できるようにします。通常は次のようになります。

.clear { clear: both; height: 1px; }
于 2013-03-25T18:25:05.413 に答える
0

これは、<br>の後にがあるためです<div id="myform">。

于 2013-03-25T18:24:36.520 に答える
0

これはフロートを使用しない方法です。コンテナの高さによって、2 つのボックスの高さが変わります。

ボックスの高さを変えたい場合は、「下」の値を変更します。

http://jsfiddle.net/Calum/m783T/

CSS

 #container {
    height: 500px;
    width: 800px;
    position: relative;
    background-color: green;
}

#box, #box2 {
    position: absolute;
    top: 50px;
    width: 200px;
}

#box {
    background-color: blue;
    left: 50px;
    bottom: 50px;
}

#box2 {
    background-color: red;
    right: 50px;
    bottom: 50px;
}

HTML

<div id="container">
    <div id="box">
        <p>This is box 1</p>
    </div>
    <div id="box2">
        <p>This is box 2</p>
    </div>
</div>
于 2013-03-25T19:26:35.690 に答える
0

まず、コーディングにいくつかの間違いがあります。お気に入り

<div id='header'></a href='http://www.shoportrade.org/'><img src='mylogo1.png'></img></a>

する必要があります

<div id='header'><a href='http://www.shoportrade.org/'><img src='mylogo1.png' /></a></div>

でクラス myform を宣言していると思いますが<style>、コードで this を実装しようとしているのを見ましたが<div id="myform">、これはまったく間違っています。である必要があります<div class="myform">。実際にその div に別のスタイルを実装したい場合は、次のような別の ID 名を使用する必要があると思います<div id='boxstyle'></div>

于 2013-03-25T18:43:34.387 に答える