我有一张表从我的数据库中提取长列数据。问题是该表跨越页面的整个宽度和长度，并显示在我的页脚上。这是格式化的样子：
http://test.ishabagha.com/classic_cars/customer_entry.php
我创建了一个for (SCNNode *node in [self children]) {
if (![node.name isEqualToString:@"a"] && ![node.name isEqualToString:@"b"] && ![node.name isEqualToString:@"c"]) {
[node removeFromParent]
}
}
div，其中我设置了表格垂直和水平拉伸的距离。我添加了(div id="table2")，以便页脚上方有空格，但填充仅应用于表格的顶部。这是我添加的样式（我将高度和宽度更改为多个padding: 50px以测试表的大小是否会改变，但它不会改变）：
px我希望桌子缩小到更小的尺寸。我很感激有人让我知道为什么<style>
#table2{
width: 100px;
height: 50px;
padding: 50px;
}
</style>
中的内容不允许我设置表格的高度/宽度/填充，以及为什么它会覆盖页脚。
如果需要，这是整个代码。
div id="table2"答案 0 :(得分：0)
我建议将您的业务逻辑（PHP，Javascript等）与演示文稿分开，并专注于CSS部分，这是必不可少的。
为了使表格可以垂直滚动，请将其插入div元素并设置该元素的属性：overflow-y:scroll。
要使表格水平适合，请将其设置为width:100%（或更少），并指定其td元素的相对宽度。
希望这会有所帮助。最好的问候，
答案 1 :(得分：0)
首先，您的prod_id具有您指定的尺寸。但是，表溢出了div。我认为你希望页脚总是在底部，但内容永远不会在它下面流动。好吧，你需要一个盒子来存放你的内容。
div这样做是为了让body > div {
height: 100vh;
display: flex;
flex-direction: column;
}
#footer_style {
padding: 20px; /* remove all of your other rules for this element */
}
#table2 {
flex: 1;
overflow: auto;
padding: 50px; /* remove all of your other rules for this element */
}
消耗它可以获得的所有空间，而不会溢出视口高度。现在当#table2中的内容大于div本身时，它会溢出。但是，通过设置#table2，您将获得滚动条而不是溢出，这意味着您的表永远不会在您的页脚下流动。
最后你可能想让你的表格看起来更好看，但由于没有明确的解决方案，我没有提供一个例子。