0

幅900pxのコンテナーがあり、その中に100％幅のヘッダーがありますが、コンテナーの100％しか使用しません。ページ全体を取得し、コンテナーから取り出さずにコンテナーを無視するにはどうすればよいですか。 htmlタグ？

#container {
width: 900px;
margin: auto;
padding: auto;
position: relative;
}

#header {
background-image: url(pat.png);
background-repeat: repeat;
padding: 0px;
margin: 0px;
height: 150px;
width: 100%;
}
4

1 に答える 1

2

絶対測位を使用します。次に、ヘッダー要素は、position: relative;定義した最も近い親（デフォルトでは<body>要素）に従ってサイズ設定および配置されます。そのようです：

#header {
    position: absolute;
    left: 0;
    right: 0; /* it will span from the left to the right edges */
    height: 100px; /* it helps to set a fixed-sized height too, but this isn't required */
}
于 2012-09-07T22:31:55.657 に答える