Html 100%高度和填充=溢出
我的设置如下所示：Html 100%高度和填充=溢出,html,css,Html,Css,我的设置如下所示： <html><head><style> table{ height:100%; width:100%; padding:0 20px 20px 20px; min-height:540px; min-width:720px; } tr.head{ height:35px; background:black; } td.left-bar{ background-color:gre
<html><head><style>
table{
height:100%;
width:100%;
padding:0 20px 20px 20px;
min-height:540px;
min-width:720px;
}
tr.head{
height:35px;
background:black;
}
td.left-bar{
background-color:green;
width:220px;
}
td.spacer{
width:10px;
}
td.right-bar{
background-color:blue;
}
div.sb-top{
height:20px;
background-color:red;
}
div.sb-bottom{
height:100%;
background-color:yellow;
padding:10px;
}
</style></head><body>
<table>
<tr class="head"><td colspan='3'></tr>
<tr>
<td class="left-bar"><div class="sb-top"></div><div class="sb-bottom"></div></td>
<td class="spacer"></td><td class="right-bar"></td>
</tr>
</table>
</body></html>
桌子{
身高：100%；
宽度：100%；
填充：0 20px 20px 20px；
最小高度：540px；
最小宽度：720px；
}
头{
高度：35px；
背景：黑色；
}
左横杆{
背景颜色：绿色；
宽度：220px；
}
间隔棒{
宽度：10px；
}
右杠{
背景颜色：蓝色；
}
二等舱{
高度：20px；
背景色：红色；
}
潜水艇{
身高：100%；
背景颜色：黄色；
填充：10px；
}
然而，当我这样做时，sb_底部的高度和填充物都会导致它溢出单元格。我不太关心右/左溢出，但我绝对必须修复底部溢出。我该怎么做？谢谢大家! 摆脱100%的身高和宽度要求。。。它将自行传播。此外，你的最小高度和宽度可能是这里的关键因素。。。你也可以摆脱那些摆脱你100%的身高和宽度要求。。。它将自行传播。此外，你的最小高度和宽度可能是这里的关键因素。。。你也可以去掉这些把填充物移到身体而不是桌子上怎么样
如果这不起作用，您可以将表格放在一个div中，并为div提供适当的边距，而不是填充。将填充移动到正文而不是表格中如何
如果这不起作用，你可以将表格放在一个div中，并给div适当的边距，而不是填充。你可以在sb_底部内放一个内包装，并给它填充。这样它就不会溢出。你可以在sb_底部内部包裹一层，然后填充。这样它就不会溢出。这可能只是一个破解，但我在左栏添加了填充底部，看起来还可以
td.left-bar{
background-color:green;
width:220px;
padding-bottom:40px;
}
我用文本加载了sb bottom div，然后它从屏幕上滚了下来，但我不确定您是希望高度固定还是可以滚动。这可能只是一个小改动，但我在左栏添加了填充底部，看起来还可以
td.left-bar{
background-color:green;
width:220px;
padding-bottom:40px;
}
我用文本加载了sb bottom div，然后它从屏幕上滚了下来，但我不确定您是想要固定高度还是想要滚动高度。您需要的只是
框大小：边框框在div.sb-bottom
上
这将确保高度：100%也包括父内容高度中的填充。否则，实际高度或div将是父级+填充的高度，该高度将始终超过父级内容高度。您只需框大小：边框框在div.sb-bottom
上
这将确保高度：100%也包括父内容高度中的填充。否则，实际高度或div将是父级+填充的高度，该高度将始终超过父级内容高度。溢出可能不是正确的词。这使得sb bottom div中不需要的部分不可见，但它仍然存在，它包含的任何内容也变得不可见，这不是我想要的，verflow可能不是正确的词。这使得sb bottom div中不需要的部分不可见，但是它仍然存在，并且它包含的任何内容也变得不可见，这不是我想要的，当然，文件会随着内容自动增长，但是如果其中没有那么多内容呢？你不能只删除height或minheight语句。当然，表会随着内容自动增长，但是如果没有那么多内容呢？不能只删除height或minheight语句。