横方向のスクロール overflow-x:scroll を使う場合
white-space:none; width: some px: float: none; が親要素に必要。
タグ: css
マウスホバーで開閉するアコーディオンメニュー（PC版）
アコーディオンメニューのサンプルコードを記載します。
サイズの違う画像の縦横比をキープしつつ、同じサイズで表示するレスポンシブ対応
画像を縦なり横なりに並べる時、サイズの異なる画像を混ぜると、一つだけ横幅が足りなかったり、画像の高さが違って不格好になったりしてしまいました。 わざわざ同じサイズの画像を使用するルールを決めるのも煩雑なので、異なるサイズ...
flexboxでのパーツ作成（タブ・バッジ）IE10～
グリッドレイアウトには、float, display:table, flexでの対応がありますが、flexboxが主流なので、flexboxでの対応をまとめます。
IE11でdisplay:table-cell;を当てたインライン要素の高さがない
IE11でdisplay:table-cell;を当てたテーブルにネストされたインライン要素に高さが出ずに画面が崩れていた時の対応。
line-heightでtransitoinが効かない
line-hgiehtでtransitionが効かないときは、line-heightの値をpxで指定していないか注意。 line-heightは、`line-height: 1;` のように、単位をつけずに指定することで...