0

現在構築しようとしている Web サイトのデザインがあり、右側にメニューがあります。ここにコードがあります。その後で説明します。

#rightmenu {
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    width:30px;height:578px;
    border-bottom-right-radius:10px;
    border-top-right-radius:10px;
    float:right;
    margin-top:-580px;
}

これが右側に表示されるメニューで、このボックスに取り付けて、常にどこにでも移動できるようにしたい

#content {
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    width:800px;height:auto;
    min-height:400px;
    margin:0 auto;
}

幅は 800 で、画面の中央にあるので、中央のコンテンツ ボックスにアタッチするには「rightmenu」が必要です。800px での表示は次のとおりです (適切な表示方法)。 ちゃんとした

Web ブラウザーが 800px (Web ページの最小サイズ) より小さい場合は、次のようになります。

右側のメニューが見えにくいですが、よく見るとすべてを通る線が右側の境界線です。

最後に、Web が 800px より大きい場合は次のようになります。 ここに画像の説明を入力

4

1 に答える 1

1

幅 830px の div で両方をラップしてから、そのラッパーに「margin-right: auto; and margin-left: auto」プロパティを配置してみてください。

于 2013-04-27T02:28:05.297 に答える