使div扩展到表大小

Question

所以我有这个

<div class="table-container">
  <div class="table-wrapper">
    <table class="sometable"/>
  </div>
</div>

该表大于table-wrapper或table-container。如何让两个父母中的任何一个扩大到覆盖桌面？

由于

Answer 1

除非您明确设置容器div的宽度或高度，否则它们将自然扩展以适合表的大小。如果表的位置设置为绝对，则不一定是这种情况 - 在这种情况下，请使用相对于表的相对位置来避免此问题，因为绝对定位的元素不符合页面的自然流程。

Answer 2

确保您的CSS看起来不像这样：

.sometable {
   position: absolute;
}

如果您使用position: absoulute;，则需要将其更改为position: relative;或完全删除它。

尝试使用width:100%也许会有所帮助。

Answer 3

修复外部div的宽度并给出表width:100%; ......它可能有效：）