質問: [理想の状態] ``` __________________ | header | |_____ ___________ | |Aメニュー| | |Aメニュー| | |Aメニュー| content | |Aメニュー| | |____ | | |Bメニュー| | ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ``` [状態] ・AメニューとBメニューは別ファイルで管理 ⇒ Aメニューは随時項目が追加されていく ・Bootstrapのテンプレートを使用しているため、大元のCSS書き換えは不可能 [現状] Aメニューの上にかぶさってBメニューが表示されてしまう ``` __________________ | header | |_____ ___________ | |Bメニュー| | |____ | | |Aメニュー| content | |Aメニュー| | | | | | | | ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ``` Aメニュー要素の下にBメニュー要素が常に来るようにしたいのですが どのようにCSSで指定したらいいでしょうか?
回答: テンプレートの仕組みの問題 header部分とmenuが一つになっていたので、 切り分けてclass指定しなければならない