練習問題2020/01/11ナビゲーションメニューの作り方どうも、シローです。Webサイトで必ずといってあるナビゲーションメニューの作り方を今回はまとめようと思います。ヘッダーナビゲーションの作り方ヘッダーナビゲーションはサイトの上の方に横一列で配置されているナビゲーションメニューのことです。実際のコードはこちらです。CodePen.ポイントは<li>要素をfloatで横一列に並べて、親要素の<ul>にfloat解除用のcssを当て込むことです。cssの.clearfixにそこら辺の処理が書いてあります。サイドバーナビゲーションの作り方サイドバーナビゲーションはサイドバーに設置されているナビゲーションメニューのことです。CodePen.block要素を横に並べたい時はfloatとclearfixの組み合わせが大事です。今回は以上となります。phantom1793ナビゲーションメニューの作り方どうも、シローです。Webサイトで必ずといってあるナビゲーションメニューの作り方を今回はまとめようと思います。ヘッダーナビゲーションの作り方ヘッダーナビゲーションはサイトの上の方に横一列で配置されているナビゲーションメニューのことです。実際のコードはこちらです。CodePen.ポイントは<li>要素をfloatで横一列に並べて、親要素の<ul>にfloat解除用のcssを当て込むことです。cssの.clearfixにそこら辺の処理が書いてあります。サイドバーナビゲーションの作り方サイドバーナビゲーションはサイドバーに設置されているナビゲーションメニューのことです。CodePen.block要素を横に並べたい時はfloatとclearfixの組み合わせが大事です。今回は以上となります。