Question

我有一个'流体div，它的内容水平自动生长。它完全放在身上。我的问题是，如果你减小窗口宽度，div会自行减小。

您可以使用代码段代码，将div放在右边框附近或减小窗口宽度。如您所见，div宽度仅限于右边框，内容将垂直重新定位。

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

我有一个身体溢出：隐藏（我不想要滚动条）

我玩了很多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;

帮助？

＆＃13;

<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>

＆＃13;

Answer 2

    .yourParentDiv
    {
       //Remove left
       float: right;
       position: relative;
    }

它解决了你的问题

div
{
  float: right;
 
  }

<div style="position: relative; 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>

无论车身宽度如何，如何保持绝对流体div宽度

2 个答案: