使 div 扩展至表格大小

Question

So I have this

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

表格比table-wrapper或table-container更大。我该如何使其中任意一个父元素扩展以覆盖整个表格？ 谢谢

- praks5432

---

嗯，这些元素已经有关联的CSS样式了吗？当尝试回答(大概)与CSS相关的问题时，这会很方便。另外，您的<table>可能不应该是自关闭的；也许它应该被重写为 <table class="sometable"></table> ? - Serlite

尝试过使用 height:auto 吗？ - Anuj Kaithwas

Answer 1

请确保您的CSS不要长成这样：

.sometable {
   position: absolute;
}

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

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

- Mohammad Dohadwala

Answer 2

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

- hesson

Answer 3

将外部div的宽度固定，并为表格设置`width:100％;`...也许会起作用 :)

- Amb