0

容器が体の外側にあるのはなぜですか？本文とヘッダーではなく、すべての本文の幅を 100% にしたい。

<!DOCTYPE html>
<html>
    <head>
        <title>dsfsd</title>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="styl.css">
    </head>
    <body>
        <div id="doc">
            <header class="topbar"></header>
            <div class="container"></div>
        </div>
    </body>
</html>

これは私のcssです：

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html, body {
    width: 100%;
    height: 100%;
}
#doc {
    width: 100%;
    height: 100%;
    background: #f4f4f4;
}
.topbar {
    width: 100%;
    height: 48px;
    background: #e0e0e0;
}
.container {
    margin: 0 auto;
    width: 960px;
    height: 100%;
    background: red;
}

この問題で私を助けてください。:)

4

1 に答える 1

0

コンテナの幅を本体の幅にする場合は、幅を指定する代わりにに変更.containerします。それがあなたが求めているものなら。width:100%;px

于 2014-04-19T21:19:44.127 に答える