html - 使 div 扩展到表格大小

Question

所以我有这个

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

该表大于表包装器或表容器。如何使两个父母中的任何一个扩大以覆盖桌子？

谢谢

Answer 1

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

.sometable {
   position: absolute;
}

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

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

Answer 2

修复外部 div 的宽度并给出表格width:100%;......它可能会工作:)

Answer 3

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