html - 无论主体宽度如何，如何保持绝对流体 div 宽度固定

Question

我有一个'fluid div，它随着内容自动水平增长。它完全放在 body 上。我的问题是，如果您减小窗口宽度，div 会自行减小。

您可以尝试使用代码片段，将 div 放置在右边框附近或减小窗口的宽度。如您所见，div 宽度限制在右边框内，内容在垂直方向重新定位。

我不能指定固定宽度，因为我不知道div的内容。

我有一个 body 溢出:隐藏(我不想要滚动条)

我玩了很多css属性都没有成功。任何帮助将不胜感激

<div style="position: absolute; left: 500px; top: 100px;  background-color: rgb(165, 115, 98);padding: 5px">

  <span>Hello</span><input type="button"  value="...">
  <span>Hello</span><input type="button"  value="...">
  <span>Hello</span><input type="button"  value="...">
  
  </div>

Answer 1

这样做

white-space: nowrap;

帮助？

<div style="position: absolute; left: 500px; top: 100px;  background-color: rgb(165, 115, 98);padding: 5px;white-space:nowrap;">

  <span>Hello</span><input type="button"  value="...">
  <span>Hello</span><input type="button"  value="...">
  <span>Hello</span><input type="button"  value="...">
  
  </div>