よく使うスタイルシート

floatでdivやliなどのブロックを横並びにした場合、それぞれの高さが違うと折り返した際に一番高さのあるブロックの次で引っかかります。例えば一番左に表示されず、途中のブロックの右下に中途半端に表示されてしまいます。

 

li{
display:inline-block;
vertical-align:top
}

 

※インラインブロックはIE7以下に対応していないので、/display:inline;/zoom:1;を追記するかどうかはお任せ。