0

div の右側の幅を 100% に拡大したい (スクリーンショットを見てください。私の div は赤です)。

HTML の例:

<header>
    <nav>
        <ul>
            <li>Menu</li>
            <li>Menu</li>
            <li>Menu</li>
        </ul>
    </nav>
    <aside>
        <h1>Logo</h1>
    <aside>
</header>

CSS:

header {
    width: 1024px;
    height: 395px;
    margin: 0 auto;
}

nav {
    height: 60px;
    width: 690px;

    position: absolute;
    top: 20px;
    right: 0;

    background:red;
}

これは正常に動作しますが、縮小しようとすると (ctrl -)、メニュー ナビゲーション リストがコンテナから出てしまいます。ロゴは中央に配置されていますが、nav は中央に配置されていません。

助けてくれてありがとう！
私の悪い英語で申し訳ありません。

ここをクリック

4

2 に答える 2

0

これを探していると思います: jsfiddle。position: relativeヘッダーに入れます。その後、ナビゲーションの位置はヘッダーに対して相対的に動作します。top: 20px正しい位置合わせのために、ナビを に変更しますtop: 0。

于 2014-04-03T12:27:00.470 に答える
0

ブラウザ ウィンドウを拡大または縮小しても、赤いバーが常にウィンドウの右端まで伸びるようにしたい場合は、このバーの幅を非常に高い値 (たとえば 500%) に設定できます。これにより、バーが右に大きく拡張されますが、水平スクロールバーが追加されます。したがって、オーバーフローを単純に非表示にするには、次のように設定します。

html,body
{
   overflow-x:hidden;
}
于 2014-04-03T13:41:36.830 に答える