css - 如何在 div block 中直观地扩展 HTML 元素?

标签 css html

我已经使用 div block 拆分了我的 HTML 页面。 在其中一个 div block 中,我创建了一个表。我希望此表格的宽度扩展到所有可用空间。

2个问题: A) 如果我将表格的宽度设置为 100%,它似乎会扩展到整个页面的大小,而不是 div block 。 B) 此外,它似乎没有被父 div block 剪裁(即溢出)。

如果我使用框架,这个问题就会消失......但我不想使用框架。

有没有人有使用 HTML/CSS 的解决方案?

最佳答案

您的容器 div 需要一个静态宽度:

div.container { width: 400px; overflow: hidden; }
div.container table { width: 100%; }

<div class="container">
  <table><tr><td>something</td></tr></table>
</div>

关于css - 如何在 div block 中直观地扩展 HTML 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/770114/

相关文章:

javascript - Foundation Row 阻止全屏网页

javascript - Less 中的变量操作

javascript - 在 iframe 中打开链接

javascript - 在所有现代浏览器上检测缩放级别

html - 表格单元格正好是高度的 50% 和宽度的 50%

html - 调整窗口大小时 Div 不会移动

html - CSS 宽度 - Nexus 4

html - 创建一个完美的正方形 div 响应式

javascript - 如何在鼠标单击时设置可拖动事件?

javascript - 使用ajax将数据发送到php页面并获取响应并显示在字段中