0

このボックスが隣のボックスとの位置合わせから少し浮いている理由がわかりません。同じコードがコンテンツのメイン ボックス内で使用されているため、これは非常に不可解であり、親には配置を台無しにする特別なことは何もありません。

http://jordan.rave5.com/tmpstuff/

とにかく要素では機能しないことを知って、垂直方向の位置合わせを試みました。私はただ混乱しています。また！

CSS

            .right-large-box {
                float: right;
                width: 300px;
                height: auto;
                padding: 0;
                margin: 0;
                vertical-align: top;
                top: 0;
            }

            .left-large-box {
                height: auto;
                padding: 0;
                margin-right: 310px;
                vertical-align: top;
                top: 0;
            }
4

2 に答える 2

1

20px の上マージンは.large-box、コンテナ内で押し下げています。それを取り除くと、好きなように一番上に座ります。

于 2013-04-30T01:31:37.550 に答える
0

float: right;クラス内で宣言したので、.right-large-boxクラスにも申請する必要がありfloatます.left-large-box。したがって、次のようになります。

.left-large-box {
   float:left; /* add this one */
   height: auto;
   padding: 0;
   margin-right: 310px;
   vertical-align: top;
   top: 0; /* this one actually can be removed */
}

それらのクラスtop:0;に設定している場合を除き、削除することもできると思います。position:relative/absolute

于 2013-04-30T01:54:33.473 に答える