Html 最大宽度为'；它不工作 位置：固定；顶部：15%；左侧：-10px；宽度：300px；边框半径：10px；背景色：ffffff；填充：10px；宽度：calc（100%-310px）；最大宽度：calc（100%-310px）；高度：100px；最大高度：100px；溢出-x：自动；} 捻线机10ct（2pk） 9.00 添加到购物车 捻线机10ct（2pk） 9.00 添加到购物车 捻线机10ct（2pk） 9.00 添加到购物车

好的，我有这个。宽度对td不起作用，当我添加更多td时，宽度会不断缩小。另外，x滚动不工作

这不可能吗

我想能够左右滚动的所有项目。

---

我以前用过y滚动，也许用x是不可能的。

设置一个

最小宽度：150px

---

设置最小宽度：150px

我还认为你需要x-scroll 我希望下面的一些代码能够帮助您解决这个问题

#图坦塔美术馆{
最小宽度：150px；
}
捻线机10ct（2pk）

9.00

添加到购物车
捻线机10ct（2pk）

9.00

添加到购物车
捻线机10ct（2pk）

9.00

添加到购物车

您需要为

元素指定

宽度

或

最小宽度

#gallery_t_ta td{
    min-width: 150px;
}

此外，与在标记或HTML文件的

中内联使用CSS不同，最佳做法是将所有CSS放在一个单独的文件中，并将其链接到：

#gallery_t_ta td{
    width: 150px;
}

这将使代码更干净，并且在将来使用CSS将样式应用于多个HTML页面时，将为您节省很多麻烦。这样你就不会有多余的代码需要在多个地方更新才能进行一次更改。

#gallery{position:fixed；top:15%；left:-10px；background color:#ffffffff；width:calc（100%-310px）；max width:calc（100%-310px）；height:150px；max height:150px；overflow-x:auto；overflow-y:hidden；border radius:10px；}#画廊td{最小宽度：150px；最小高度：150px；最大宽度：150px；最大高度：150px；}

<link href=yourfile.css rel=stylesheet type=text/css>

捻线机10ct（2pk）

9.00
添加到购物车 捻线机10ct（2pk）

9.00
添加到购物车 捻线机10ct（2pk）

9.00
添加到购物车 捻线机10ct（2pk）

9.00
添加到购物车 修好了。如果其他任何人有此问题，此方法都有效。下侧将div的底部（圆边）更改为方形

<link href=yourfile.css rel=stylesheet type=text/css>

<style> #gallery {position: fixed; top: 15%; left: -10px; background-color: #ffffff; width: calc(100% - 310px); max-width: calc(100% - 310px); height: 150px; max-height: 150px; overflow-x: auto; overflow-y: hidden; border-radius: 10px;} #gallery td{min-width: 150px; min-height: 150px; max-width: 150px; max-height: 150px;}</style>

<div id="gallery">
<table><tr><td>
        <span id="t1n">Twister 10ct (2pk)</span><br>
        <img src="./product/twister.png" height="50" width="50"><br>
        <span id="t1p">9.00</span><br>
        <button onclick="add1()">Add To Cart</button> 
    </td>

    <td>
        <span id="t1n">Twister 10ct (2pk)</span><br>
        <img src="./product/twister.png" height="50" width="50"><br>
        <span id="t1p">9.00</span><br>
        <button onclick="add1()">Add To Cart</button> 
    </td>
    <td>
        <span id="t1n">Twister 10ct (2pk)</span><br>
        <img src="./product/twister.png" height="50" width="50"><br>
        <span id="t1p">9.00</span><br>
        <button onclick="add1()">Add To Cart</button> 
    </td>
    <td>
        <span id="t1n">Twister 10ct (2pk)</span><br>
        <img src="./product/twister.png" height="50" width="50"><br>
        <span id="t1p">9.00</span><br>
        <button onclick="add1()">Add To Cart</button>
    </td></tr></table>
</div>