我遇到了一个问题，这个问题在具有视网膜显示功能的设备上似乎特定于Chrome。具体来说，我正在使用：
我在<ul>元素上创建了一个CSS多列布局，其中一个<li>包含<div>，其max-height: 50px和{ {1}}。
overflow: auto似乎忽略了列，而不是按照您的预期行事，如果根本没有列，例如http://i.imgur.com/0OgsEug.png，它就会放置在哪里。
示例：http://jsfiddle.net/pabwszej/2/（调整结果窗口的大小以获得3列布局）
答案 0 :(得分：0)
你走了。
ul, li {list-style-type: none; margin: 0; padding: 0; }
div { max-height: 50px; overflow: scroll; border: 1px solid green; }
.columns { }
.columns > li { margin-bottom: 5px; border: 1px solid red; -webkit-column-width: 150px; width:150px; float:left; margin-left:5px; }