股利动态宽度和水平滚动条

我有这样的代码：股利动态宽度和水平滚动条

<div style="height:190px;width:1000px;white-space:nowrap;overflow:auto;table-layout:fixed"> 
    <a style="width:150px;display:inline-block;margin-right:10px;font-weight:bold" href="#"><img src="album1.jpg" style="width:150px;height:150px;margin-bottom:2px"><br>Album 1 (2,99€)</a> 
    <a style="width:150px;display:inline-block;margin-right:10px;font-weight:bold" href="#"><img src="album2.jpg" style="width:150px;height:150px;margin-bottom:2px"><br>Album 2 (2,99€)</a> 
    <a style="width:150px;display:inline-block;margin-right:10px;font-weight:bold" href="#"><img src="album3.jpg" style="width:150px;height:150px;margin-bottom:2px"><br>Album 3 (2,99€)</a> 
    <a style="width:150px;display:inline-block;margin-right:10px;font-weight:bold" href="#"><img src="album1.jpg" style="width:150px;height:150px;margin-bottom:2px"><br>Album 1 (2,99€)</a> 
    <a style="width:150px;display:inline-block;margin-right:10px;font-weight:bold" href="#"><img src="album2.jpg" style="width:150px;height:150px;margin-bottom:2px"><br>Album 2 (2,99€)</a> 
    <a style="width:150px;display:inline-block;margin-right:10px;font-weight:bold" href="#"><img src="album3.jpg" style="width:150px;height:150px;margin-bottom:2px"><br>Album 3 (2,99€)</a> 
    <a style="width:150px;display:inline-block;margin-right:10px;font-weight:bold" href="#"><img src="album1.jpg" style="width:150px;height:150px;margin-bottom:2px"><br>Album 1 (2,99€)</a> 
    <a style="width:150px;display:inline-block;margin-right:10px;font-weight:bold" href="#"><img src="album2.jpg" style="width:150px;height:150px;margin-bottom:2px"><br>Album 2 (2,99€)</a> 
    <a style="width:150px;display:inline-block;margin-right:10px;font-weight:bold" href="#"><img src="album3.jpg" style="width:150px;height:150px;margin-bottom:2px"><br>Album 3 (2,99€)</a> 
</div>

这基本上是一个固定宽度的DIV与水平滚动条，我需要做的就是其宽度适应父元素（一个表格单元格）。通过设置宽度：100％它溢出父容器和滚动条消失，我该怎么办？

谢谢

来源

2014-02-14 Xriuk

你真的应该考虑使用类。像这样[DEMO]（http://jsfiddle.net/Ruddy/WHakm/） – Ruddy

可能是'position：relative;'为你工作。 – Tariq

这是一个复制/粘贴尝试我会稍后使用类......这不是我的问题反正 – Xriuk

只需使用width: auto。

小提琴：http://jsfiddle.net/9FSBP/（注意DIV适合小提琴的父DIV宽度）

我也建议使用CSS类，而不是重复内联CSS。

这里有一个更新的小提琴一个TD内证明它（注意最大宽度设置对TD）：http://jsfiddle.net/9FSBP/1/

来源

2014-02-14 15:40:20 mayabelle

保持溢出。它在TD里面。是的，我打算使用这些只是复制/粘贴的尝试。 – Xriuk

更新了小提琴，见上面 – mayabelle

+1工作正常，工作做得很好。 – Ruddy

股利动态宽度和水平滚动条

回答

相关问题