Html 另一个绝对定位div中的绝对定位div未按内容拉伸

我有两个带有“position:absolute”css规则集的div元素。在子div中有两个浮动div元素。奇怪的是，child div没有正确地拉伸内容。它把所有的东西都装在新的线路上。它的行为类似于子div从父div继承宽度，并且仅拉伸显示内容所需的最小值。如果删除父div或设置足够的宽度，则子div将正确拉伸。什么css规则或规范约束子div不拉伸？谢谢你的回复

<div id="wrapper">
  <div id="textbox">
      <div class="alignleft">Text on the left.</div>
      <div class="alignright">Text on the right.</div>
      <div class="clearfix"></div>
  </div>   
</div>

文本在左边。
右边的文本。

---

文本框上的

绝对位置是罪魁祸首。

拆下它，div就会拉伸


#包装器{
位置：绝对位置；
/*宽度：100%*/
边框：10px纯蓝色；
}
#文本框{
/****位置：绝对位置****/
边框：1px纯红；
背景色：白色；
}
.左对齐{
浮动：左；
}
.对{
浮动：对；
/*左边距：20px*/
}
.clearfix{
明确：两者皆有；
}

文本在左边。
右边的文本。
文本框上的
绝对位置是罪魁祸首。

拆下它，div就会拉伸


#包装器{
位置：绝对位置；
/*宽度：100%*/
边框：10px纯蓝色；
}
#文本框{
/****位置：绝对位置****/
边框：1px纯红；
背景色：白色；
}
.左对齐{
浮动：左；
}
.对{
浮动：对；
/*左边距：20px*/
}
.clearfix{
明确：两者皆有；
}

文本在左边。
右边的文本。
对不起。我应该说得更具体一些。我无法更改位置属性，因为它在实际中比本例中更复杂。但是我可以使用其他css规则和这些div的内容。我想知道是什么规则导致了这些行为。对不起。我应该说得更具体一些。我无法更改位置属性，因为它在实际中比本例中更复杂。但是我可以使用其他css规则和这些div的内容。我想找出是什么规则导致了这些行为。