使内容在div中水平滚动

HTML中可能是这样的：

<div >   <div >      <!-- Your images over here -->   </div></div>

使用此样式表：

.container-outer { overflow: scroll; width: 500px; height: 210px; }.container-inner { width: 10000px; }

您甚至可以创建一个智能脚本来计算内部容器的宽度，如下所示：

$(document).ready(function() {   var container_width = SINGLE_IMAGE_WIDTH * $(".container-inner a").length;   $(".container-inner").css("width", container_width);});