1

フルスクリーンデザインを作成しています。

  • 上部の％下部のバーは特定の高さですが、幅は100％です
  • 左中央のバーは特定の幅ですが、高さは100％です
  • 右中央のバーは、残っているものすべてのスペースを占めます

右下のバーからポップアップする「オプション」divを作成しようとしています。これは、マップを中央右側にオーバーレイします。

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

ただし、私のコードを見ると、オプションdivが一番下のdivから始まり、下に向かっていくことがわかります。さらに、100％の幅を指定しましたが、コンテナーの幅ではなく、画面の幅に適合しました。

#options {
    position: absolute;
    background: #39E023;
    width: 100%;
    height: 200px;
    text-align: right;
}

みんなありがとう！

4

2 に答える 2

2

margin-top高さに等しい負のdivを与えます。

#options {
    position: absolute;
    background: #39E023;
    width: 100%;
    height: 200px;
    text-align: right;
    margin-top: -200px;
}
于 2012-10-06T16:37:06.390 に答える
1

右中央のコンテナposition:relativeを指定し、オプションdivを次のように設定します。left:0; bottom:0;

私はあなたのフィドルを更新しました

于 2012-10-06T16:38:54.860 に答える