2

ヘッダー要素をページの幅 100% に設定しようとしています。

何らかの理由で、ヘッダーの背景が 100% の幅で表示されているように見えますが、'pagewrap' コンテナー内で左に浮いています。

実際の例

HTML

    <body>

        <!-- start pagewrap -->
        <div id="pagewrap"> 

            <!-- start header -->
            <header>            
            </header>
            <!-- end header -->

        </div>
        <!-- end pagewrap -->   

    </body>

CSS

body {
    width: 100%;
    margin: 0;
}

#pagewrap {
    position: static;
    width: 900px;
    height: 800px;
    margin: 0 auto;
}


header {
    position: absolute;
    width: 100%;
    height: 65px;
    background-color: #F9F9F9;
    border-bottom: thin solid #C6D9F1;
    margin: 10px 0 10px 0;
}
4

1 に答える 1

2

left:0px;で使用<header>...

絶対配置された要素は、相対的に配置されたコンテナーで見つかった場合により適切に処理されます。

于 2013-06-27T21:53:24.503 に答える