質問: margin: 0,auto; } ``` HTML内のheaderやfooterをで囲むwrapを作り、それらにwidth: 100%;とCSSに記述してやればうまくいくような事を聞きましたがうまくいきませんでした。 それほど複雑な構成ではないシンプルなタグ構造だと思います。 ヘッダーとフッターの幅を添付画像のように画面いっぱいに広げるにはHTML, CSSにどのような記述をすればいいのでしょうか? ご存知の方いらっしゃいましたら宜しくお願いします。 ``` ここに言語を入力 サンプル ヘッダー フッター ``` ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/3a2cdb1d5ca098287ebb378dd6c6fa57.jpeg)
回答: https://codepen.io/anon/pen/KEMVzz こんな感じでできるよってところまで。 メインコンテンツとかの配置はてきとー ヘッダフッタの高さもてきとー おすきに変えて使ってください いちおーコードはりますね HTMLは``` ヘッダー なび めいん フッター ここに言語を入力 * { margin: 0; padding: 0; } container { =========== width: 1000px; margin: 0 auto; padding-top: 100px; } container > * + * { =================== margin-bottom: 1em; } header, footer { position: fixed; width: 100%; height: 100px; left: 0; } header { top: 0; background-color: red; } footer { bottom: 0; background-color: green; } nav { width: 100%; height: 50px; background-color: blue; } main { width: 100%; height: 150px; background-color: yellow; } ```CSSはこんな感じ