1.paddingやborderを幅に含める
border-box指定なし
サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル
width:250px;
padding:10px;×2
border:5px;×2
合計→300px
border-box指定あり
サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル
300pxのボックス
サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル
2.メニューを3つ横並びにする
display:table;とdisplay:table-cell;を使った場合
3.リンクに矢印を付ける
線の色を上下左右バラバラに指定
幅と高さを0にする
左の線以外を透明にする
矢印を2つずらして重ねる
線の色を背景と同じにする