html - 使用 div 使表格拉伸(stretch)

Question

检查这个例子:http://jsfiddle.net/RvSK5/尝试调整窗口大小...

如何为 stretch 制作表格？和 shrink始终为父元素的 100% 宽度和高度。

如果我们将 div 缩小到非常小的尺寸 <p>防止表格缩小。我该如何解决这个问题？

Answer 1

在您的示例中，段落中的文本阻止表格单元格缩小到父 div 的宽度。假设父 div 可以更宽，只需将 width: 100% 添加到表格即可。

#table{
    border: 1px solid green;
    width: 100%;
}

示例:http://jsfiddle.net/RvSK5/3/