我在框内有导航项。

 <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%。

09-25 16:50
查看更多