0

最近、html と body タグのみを使用してコンテンツを中央に配置する方法を説明するこの「記事」に出くわしました。しかし、この方法を使用してコンテンツを中央に配置しながら、全幅のヘッダーとフッターを作成する方法がわかりません。助言がありますか?

4

3 に答える 3

1

bodyタグをとして使用する場合div、その中の他divのsはタグの幅しか持たないので、できないと思いますbody。それで

body {
    width: 200px; 
    margin: 20px auto; 
    padding: 20px;
    border: 1px solid black;
}

すべてdivのsの最大幅は200pxになります。

このjsfiddleを参照してください。

于 2012-11-11T13:26:24.573 に答える
0

margin: 20px auto; この記事では、フッターとヘッダーに同じcssを指定する必要があるため、コンテンツを中央に配置できることを説明しています 。少なくとも、div-blockを使用すると、より簡単で、読みやすく、構造化されます。つまり、div-blockの目的は...Webサイトを構築することです。

于 2012-11-11T13:24:47.753 に答える
0

編集:私は質問を読み違え、答えを次のように書き直しました:

目的を達成するには 2 つの方法があります。1 つ目は、要素を絶対的に配置してフローから外し、ボディの外側の幅を拡張できるようにすることですが、これにより一部の要素が複雑になる可能性があります。2 つ目は、負のマージンを使用することです。私は引き離されていますが、他の誰もそうしない場合は、後で例を挙げてみます.

編集:これをすぐにまとめました。

<!doctype html>
<style>
        body{width:980px;margin:0}
        p{position:absolute;width:100%;background:#ccc;}
</style>
<p>One</p>
于 2012-11-11T13:37:11.993 に答える