我在框内有导航项。
<a href="#" class="box">
<h2>Portfolio</h2>
</a>
CSS:
a {
display: block;
}
.box {
background: #ff6b6b;
width: 25%;
height: 250px;
}
我想要的是框内的文本占据父框的80%。
我试过了...
.box h2 {
font-size: 80%;
}
但这并没有达到我想要获得的结果。它使文本变得非常小,而不是占用父元素的80%。
这是为什么?难道我做错了什么?
最佳答案
百分比可能取决于所在位置而具有不同的含义。例如,padding-top:100%
实际上使顶部填充等于元素的宽度-这不是您所猜测的,但是对于长宽比却非常有用。
在这种情况下,字体大小百分比是相对于父元素的字体大小。在这里,您的元素的字体大小将等于父级字体大小的80%。