我目前遇到的问题是内容溢出了我的 html 标题。我尝试使用 css-property overflow,但将其设置为 hidden 或 auto 并不是我想要实现的。 我不想 overflow hidden 的内容,我希望内容的高度适合标题的固定高度。
有人可以帮忙吗?
下面是一些有问题的示例代码:
body
{
padding: 5%;
}
h1
{
color: rgb(0, 32, 96);
padding-bottom: 10px;
border-bottom: 5px solid gray;
}
h3
{
color: rgb(0, 32, 96);
}
.Header
{
height: 120px;
border-bottom: 3px solid gray;
}
<div class=Header>
<h1>Header Sample Text</h1>
<h3>Sub-Header Sample Text</h3>
<p>Some Properties I have to display which are overflowing.</p>
</div>
最佳答案
您可以将 margin
属性应用于
h1,h3,p{
margin:5px 0px;}
对于固定高度的内容
body
{
padding: 5%;
}
h1
{
color: rgb(0, 32, 96);
padding-bottom: 10px;
border-bottom: 5px solid gray;
}
h3
{
color: rgb(0, 32, 96);
}
.Header
{
height: 120px;
border-bottom: 3px solid gray;
}
h1,h3,p{
margin:5px 0px;}
<div class=Header>
<h1>Header Sample Text</h1>
<h3>Sub-Header Sample Text</h3>
<p>Some Properties I have to display which are overflowing.</p>
</div>
关于html - 内容溢出 : auto height to tall for header div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53830228/