无论身体宽度如何，如何保持绝对流体 div 宽度固定答案

【问题标题】：How to keep an absolute fluid div width fixed regardless the body width无论身体宽度如何，如何保持绝对流体 div 宽度固定
【发布时间】：2015-02-24 17:46:20
【问题描述】：

我有一个“流体 div”，它会随着内容自动水平增长。它绝对放在身体上。我的问题是，如果您减小窗口宽度，则 div 会自行减小。

您可以使用 sn-p 代码，将 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>

【问题讨论】：

标签： html css

【解决方案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>

【讨论】：

如何在我的代码中添加这个蓝色代码 sn-p？我不知道如何添加这个。
@GopsAB，在应答面板中单击 Ctrl + M 或点击“Code sn-p”按钮。
@matewka。您的代码工作正常，但似乎 float 属性污染了架构。请给三个跨度左浮动，你可以看到主 div 没有正确的宽度......什么？有任何解决这个问题的方法吗？我有很多浮动内容要插入到那个 div 中......
@tonnot，您在这里面临的是典型的浮动问题。您需要将 clearfix 添加到父 div。简单地说，毕竟span元素添加了这样的元素：<div style="clear: both"></div>
@matewka 抱歉，clearfix 什么也没做。如果元素具有浮点值，则空格不起作用。你可以试试……

【解决方案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>

【讨论】：