其实楼主的想法是完全没有意义的，怎么说呢，因为绝大部分页面我们只要求宽度自适应，就如楼主所提到的第一个横排换行，可以根据float:left样式属性来布局，页面窄了就换行，宽了下排的就补上去，从而达到页面的美观；还有就是用户使用浏览器的习惯，鼠标滚轮是可以让页面上下滚动的，虽然左右滚动也可以，但是需要按住滚轮来操作，这个大部分用户是不习惯使用的，有滚动都是通过拖动滚动条来浏览；当然为什么样式只有横向可以换行一时半会也说不清楚，原因有很多，其中人们的操作习惯很重要
楼主的第二个想法已经说明楼主已经在认真的学习了，对于这个问题的思考是值得表扬的，不过楼主不用再继续考虑这个问题了，你做页面只需要关注横向就行了
图标放在一个div里，在css里相应设置宽度，高度。在html里写<body><div id="tubiao"></div></body>
在里css写
#tubiao
{
width:50px /*宽度设为图标的宽度*/
height:300px/*高度设成你想添加的图标的总高度*/
float:left
}
