小编Jon*_*dge的帖子

从开发人员text-decoration: underline;在CSS中用于创建下划线时起，是否可以更改下划线的高度？

使用CSS，我使带有“＃title4”的“ id”的单词“ about”带有下划线，我想知道如何更改下划线到单词的高度距离，从而使两者之间的距离更大？

我要寻找的例子

#title4 {
font-size: 2.5rem;
font-weight: 700;
margin-top: 5rem;
text-decoration: underline;
}

网站代码

我想知道如何制作每个被调用的部分#app,section2以及section3与我网站的#app部分中展示的完整网页相同的高度100%.例如,我不希望在我到达时看到文本"PART 3" #section2我希望每个部分的高度等同于单个页面.

这是我想要实现的一个例子.

为了使它们具有相同的高度,我使用了下面的CSS,但是我显然错过了一些因为它不起作用的东西.

body,
html {
    width: 100%;
    height: 100%;
}

#app
#section2,
#section3,{
  height: 100vh;
  width: 100%;
}

这是使用jsfiddle链接到我的站点代码