带有复选框的可滚动区域

Question

我使用twitter bootstrap（我吸吮css）。我想要一个可滚动的区域，通常有3列复选框。有很多复选框，用户可以选择几个。我不想在复选框上浪费太多屏幕，因此滚动。

我尝试使用css3列但是它在IE中不起作用，如果与溢出相结合它会水平溢出，我只想要垂直滚动条。

我知道这不是用户友好的最佳解决方案，而是客户想要的。

 div.cb_scroll {
  -moz-column-count: 3;
  -moz-column-gap: 20px;
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  column-count: 3;
  column-gap: 20px;
  //height: 300px;
  overflow:auto;
  border: 1px solid #888;
  padding: 5px;
}

任何简单的解决方案？如果没有在CSS中，任何简单的JavaScript解决方案？

Answer 1

你的意思是这样吗？

http://jsfiddle.net/hajpoj/ayx4z/1/

基本上你

1. 将高度设置为小于包含复选框的div
2. 将溢出设置为auto;
3. 使包含div的设置宽度为“auto”或大于内部div的组合宽度。

的CSS：

.boxes {
    height: 75px;
    overflow: auto;
    width: auto;
}​`​