Html 小容器中的自动绝对块宽度

Html 小容器中的自动绝对块宽度,html,css,Html,Css,然后我在绝对块内部div中添加一些文本,它不会展开 我知道Exampling禁止父容器宽度: 但我不能把它从他身上拿走。 因此,我想找到一个解决方案,如何在没有js的情况下纠正它。我该怎么做?谈到这个元素,它必须在宽度上扩展,而不是在高度上扩展:。如果从.main\u wrap中删除宽度,这是正确的视图,但我需要在不删除宽度的情况下获得这样的结果,因为它只是巨大网格的一小部分 HTML: 益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智

然后我在绝对块内部div中添加一些文本,它不会展开

我知道Exampling禁止父容器宽度:

但我不能把它从他身上拿走。 因此,我想找到一个解决方案,如何在没有js的情况下纠正它。我该怎么做?谈到这个元素,它必须在宽度上扩展,而不是在高度上扩展:
。如果从
.main\u wrap
中删除宽度,这是正确的视图,但我需要在不删除宽度的情况下获得这样的结果,因为它只是巨大网格的一小部分

HTML:


益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智

以下是完整的示例:


以后谢谢。

我不知道我是否理解正确,你的结构看起来很奇怪,但这就是你想要实现的吗


只需从
.abs中删除
高度:100%

只需从
中删除
高度:100%
。abs
从没有高度的元素父元素中删除您的高度设置


添加
显示:内联块
.block

你能重复你的问题吗,我不明白是的,你是对的,不太清楚:我的abs div和表应该扩展到宽度。找到了解决方案,但没有说是什么,被否决了
<div class="block">
  <div class="abs">
      <table class="whf table">
          <tr>
              <td>
                <div class="image">
                  <div class="shadow"></div>
                  <img src="http://boardingarea.com/blogs/deltapoints/files/2012/07/test.jpg" width="77" />
                </div>
              </td>
              <td class="vamid">
                  <div class="text">
                      Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum  Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
                  </div>
              </td>
          </tr>
      </table>
  </div>