3

cssに問題があり、htmlレイアウトを作成し、検索ボックスの上の下部にブルーボックスを配置する必要があります。ブルーボックスの上にコンテンツがある場合、ブルーボックスが下がるため、ブルーボックスと上のコンテンツの間にギャップがあります。ただし、コンテンツがない場合、ブルーボックスは検索ボックスの上の下部に配置されます。

ここでhtmlを見ることができます：

http://projects.elixirbox.com/lanrex/test.html

ここで私が何を意味するかを見ることができます - http://projects.elixirbox.com/lanrex/view.png

ありがとう

4

2 に答える 2

1

負のマージンを使用して、「スティッキーフッター」テクニックを使用する必要があると思います。フッター（またはあなたの場合はコールトゥアクションボックス）の唯一の欠点は、高さを固定する必要があります。

動的な高さが必要な場合は、javascript を含める必要があります。ただし、同じスティッキー フッター css をデフォルトの高さで使用し、後で JS で調整して、純粋な JS ではないようにします。

https://gist.github.com/1855032 または http://ryanfait.com/sticky-footer/

于 2012-12-07T09:18:27.957 に答える
0

私はあなたがこのように見えることを願っています：-

.greybox {
    background: none repeat scroll 0 0 lightgrey;
    padding: 20px;
}

.bluecorner {
    background: url("../images/bg_blue_corner.jpg") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    margin-top: 20px;
    padding: 0;
    width: 315px;
}

そして、通常はマージントップを使用して、画像に従って望ましい結果を得ることができるように定義position-absoluteする必要はありません。.bluecorner

参照された画像を見て、私がどのように物事をしたか.....。

ここに画像の説明を入力してください

于 2012-12-07T09:28:55.320 に答える