三列カラムのサイト

今回はfloatのお勉強です

floatは浮かせて横に並べるイメージ

なので、

まずmiddleの中にside-menuとcontentsを並べます

オレンジの枠ですね

次にmiddleの中でmainとright-menを並べます

緑の枠です

こうして三列の完成

このサイト（アメブロ）もこの方式になってます

興味のある方は検証からたどってみてください

最新の方法ではdespley:flexを使うようですが

その勉強はまた今度