我正在嘗試讓一個下拉菜單在多種瀏覽器上工作。我有一個絕對定位的div，我希望它出現在元素下面，它包含一個可以選擇的項目列表，可以滾動。

在Firefox上，如果我給這個div一個高度(例如，保持在視口內),如果這導致這個div有一個垂直滾動條，這將導致這個div也有一個無用的水平滾動條。我希望/期望div知道它應該有多大的項目+垂直滾動條，以便它正確地調整自己的大小，有足夠的水平空間來顯示所有的項目和垂直滾動條，而不需要水平滾動條。

在Edge瀏覽器上，這個例子只顯示一個垂直滾動條。在Firefox上，該示例顯示了垂直滾動條和不需要的水平滾動條:

<div style="position: absolute; height: 150px; overflow: auto;">
 <div>SomeText0</div>
 <div>SomeText1</div>
 <div>SomeText2</div>
 <div>SomeText3</div>
 <div>SomeText4</div>
 <div>SomeText5</div>
 <div>SomeText6</div>
 <div>SomeText7</div>
 <div>SomeText8</div>
 <div>SomeText9</div>
</div>