Fatal编程技术网
  • html/
  • 显示内容较少时的HTML T正文高度设置

显示内容较少时的HTML T正文高度设置

html

显示内容较少时的HTML T正文高度设置,html,Html,如果主体高度为300px，内部显示的内容将仅为50px，则在内容底部显示51PX到300px的空白，我的意图是如果内容>300，使用溢出：auto我想显示滚动条。请推荐我 <!DOCTYPE html> <html> <head> <style> div.TableContainerToScroll { height: 651px; overflow: auto; wid

如果主体高度为300px，内部显示的内容将仅为50px，则在内容底部显示51PX到300px的空白，我的意图是如果内容>300，使用溢出：auto我想显示滚动条。请推荐我

<!DOCTYPE html>
<html>
<head>
<style>


div.TableContainerToScroll  {
            height: 651px;
            overflow: auto;
            width: 100%;
            margin: 15px 0 0 0;
            position: relative;
            vertical-align:top;
        }

html>/**/body div.TableContainerToScroll table>tbody {
            overflow: auto;
            height: 200px;
            overflow-x: hidden;
            background-color: #00FF00;
        }

div.otherclass  {}

</style>
</head>
<body>

<div id="pdata" class="TableContainerToScroll">
<div class="otherclass">
<TABLE cellSpacing=0 cellPadding=0 width="97%" align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=2 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=center><BR>Sample Text Here<BR></TD></TR></TBODY></TABLE>  </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR>
</div>
</div>
</body>


分区表格容器卷{
身高：651px；
溢出：自动；
宽度：100%；
利润率：15px0；
位置：相对位置；
垂直对齐：顶部；
}
html>/**/body div.TableContainerToScroll table>tbody{
溢出：自动；
高度：200px；
溢出x：隐藏；
背景色：#00FF00；
}
div.otherclass{}

此处的示例文本

问题在于行至少与内容一样高。见：

“表行”元素框的高度在用户 代理具有行中所有可用的单元格：它是 行的计算“高度”，即行中每个单元格的计算“高度” 行，以及单元格所需的最小高度（MIN）

不会有帮助的，因为

在CSS 2.1中，“最小高度”和“最大高度”对表格的影响， 未定义内联表、表单元格、表行和行组

然后，您不能使内容溢出单元格。但是，您可以将内容包装在具有
最大高度的容器中，然后让其溢出：



div{
溢出：自动；
高度：175px；
}
p{
边框：1px实心；
}
p、 高大的{
高度：400px；
}
桌子{
边框：1px纯蓝色；
显示：内联表；
}



我太高了

我个子不高


发布您目前拥有的html/css，我们将能够提供帮助。感谢Orio，我的问题没有得到解决，在我的表单中，默认情况下，DIV标记中的所有tbody元素的默认高度为300 px，在任何一个tbody标记中，如果其TD标记的内容小于300 px，我如何消除底部的空白，这里的最大高度没有用处，@Prabha那么，如果内容比300px高，你希望单元格有300px高的溢出，否则你希望单元格和内容一样高？在这种情况下，在包装上使用
max height:300px
，在表、行、单元格和包装上使用
height:auto
。我理解你的观点，在我的代码中，多个DIV中存在多个TBODY标记，这里所有DIV都包含在一个ParenDIV中，这个parentDiv将TBODY height设置为300px，子div中的大多数TBODY不需要300px的高度，因为它们只包含单行文本，我不能在每个TBODY上单独放置各个高度，因为此表单包含40多个div。同时，我不能将TBODY属性的父继承访问限制为特定的子DIV，即使我这样做（通过在问题当前所在的子DIV中提供TBODY样式），我也不知道内容何时会增长到>300nexttime@Prabha请在问题中包括代码。请参阅Hi-Oriol，在IE兼容模式下在浏览器中运行上述代码TableContainerToScroll table>tbody中提到的样式（高度：200px；）不应用于内部DIV（使用其他类）中的文本“sample text here”，此处parentDIV（pdata）使用TableContainerToScroll类，而不是标准IE10、IE11中的IE兼容模式，chrome、Mozilla……浏览器将外部DIV tbody样式继承到内部DIV，并在“此处示例文本”内容的底部显示空白。请检查所附的代码段。