はてなブックマーク

` .parent{overflow-x:auto; overflow-y:hidden; width:100%; white-space:nowrap;} .child{display:inline-block; margin-right:1%; width:19%; vertical-align:top; white-space:normal;} marginとwidthは適宜変更 white-spaceは親をnowrapすることで下に落とさないようにする。子はwidth内に表示させたいので、normalに戻す。 overflow-x,overflow-yは両方設定。webkit対策のため。 display:inline-blockで横に並べられる。vertical-align:topで上に合わせるよう並べる。 参考ページ http://okazuki.hatenablog.com/e