CSS - 显示为一个固定的宽度和高度DIV

只有水平滚动条我有一个div它是固定的宽度和高度：CSS - 显示为一个固定的宽度和高度DIV

#containersimg 
{ 
    width: 900px; 
    height: 135px; 
}

而且我有许多图像内，宽度为90像素，高120像素。所以我希望将所有图像连续放在一起，并只显示水平滚动条来滚动图像。

我需要在FF和IE8及以上版本中完成这项工作。我尝试了overflow-x和overflow-y，但我没有帮助。

任何想法??希望能得到一些帮助这里...谢谢...

来源

2011-11-08 shennyL

你需要一个包装div在你的滚动容器以确保它们不受宽度限制，然后在容器上设置overflow-x: scroll。我嘲笑了一个快速小提琴演示。 http://jsfiddle.net/vUEYG/

来源

2011-11-08 10:50:52 extols

+1好，但我认为最好给'.square'' display：inline-block'并移除'float：left'。然后给'.wrapper'' white-space：nowrap'并从中移除'width'。这样你不仅限于包装的500px宽度。在这里：http://jsfiddle.net/WbVp3/ – Bazzz

这实际上会更有意义。我已经用你的建议更新了小提琴 - 还改变了方形div以跨越，以确保IE正确处理他们与内联块。 http://jsfiddle.net/vUEYG/2/ – extols

嗨，非常感谢。但由于某些原因，我无法更改HTML构造...任何想法hw做到这一点，而不添加div？谢谢.. – shennyL

这给一个去:)

-ms-overflow-x: hidden;

从这个巨大的资源采取CSS div element - how to show horizontal scroll bars only?

来源

2011-11-08 10:43:37

嗨，谢谢，bt我试过了，它的功... – shennyL

你可以把你的代码放入一个JS小提琴请:)这样可以让我们协助更好:) –

嗨，这里是：http：/ /jsfiddle.net/yenni104/rTjmc/ 从上面发布的答案得到解决方案，仍然非常感谢你！ – shennyL

您可以添加第一溢出：汽车

#containersimg 
{ 
    width: 900px; 
    height: 135px; 
overflow:auto; 
overflow-x:hidden; 


}

可能会帮助你

来源

2011-11-08 10:47:06

嗨，我试过了，但它力度工作.. – shennyL

CSS - 显示为一个固定的宽度和高度DIV

回答

相关问题