Javascript 具有动态宽度和水平滚动条的Div

我有以下代码：

<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%它溢出父容器，滚动条消失，我能做什么

---

谢谢

只需使用

width:auto

提琴：（注意提琴的div与提琴的父div宽度相适应）

我还建议使用css类，而不是重复内联css

---

这里有一个更新的提琴在td中演示它（注意td上设置了最大宽度）：

只需使用

宽度：auto

提琴：（注意提琴的div与提琴的父div宽度相适应）

我还建议使用css类，而不是重复内联css

---

这里有一个更新的提琴在td中演示了它（注意，td上设置了最大宽度）：

您应该认真研究如何使用类。这样可能是

位置：相对为您工作。这是一个复制/粘贴尝试，我将在稍后使用类。。。这不是我的问题anyways@Xriuk我知道这不是你的问题，因此这是一个评论，而不是一个答案。如果你使用类，而不是一堆不必要的内联样式，也更容易理解。@Ruddy我知道类是什么，以及如何使用它们，正如我所说，这是一个快速代码……你应该认真研究使用类。这样可能是
位置：相对为您工作。这是一个复制/粘贴尝试，我将在稍后使用类。。。这不是我的问题anyways@Xriuk我知道这不是你的问题，因此这是一个评论，而不是一个答案。如果你使用类，而不是一块不必要的内联样式，也会更容易理解。@Ruddy我知道类是什么，以及如何使用它们，正如我所说的，这是一个快速代码…总是溢出。它在TD内部。是的，我将使用类。这只是一个复制/粘贴的尝试。更新了小提琴，请参见上文。它在TD内部。是的，我将使用类这只是一个复制/粘贴的尝试。更新了小提琴，见上文