Question

然后我在我的绝对块内部div中添加了一些文本，它不会扩展。

我知道exapanding禁止父容器宽度：<div class="main_wrap"></div>。

但是我无法将它从他身上删除。所以我想找到一个解决方案，我可以在没有js的情况下纠正它。我怎样才能做到这一点？它必须扩展宽度，而不是高度，谈论这个元素：<div class="abs">。如果您从.main_wrap移除宽度是正确的视图，但我需要在不删除宽度的情况下达到这样的结果，因为它只是巨大网格的一小部分。

HTML：

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

以下是完整示例：

http://jsbin.com/uqafuq/6/edit

将来感谢。

Answer 1

我不知道我是否理解你，你的构造看起来很奇怪，但这是你想要实现的吗？ http://jsbin.com/uqafuq/11/edit

只需从height: 100%

中删除.abs即可

Answer 2

只需从height: 100%您的身高中删除.abs你设置身高的父母

将display: inline-block;添加到.block

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

2 个答案: