HTML/CSS-对齐文本，显示滚动条
我对编码是新手，我正在为我父亲创建一个网站，帮助他积累经验和投资组合 我正在使用unsentic和normalize 我遇到的问题如下 1） 我似乎无法将单词“Michael Gilsenan”的底部与导航栏中的文本对齐。我尝试过使用line height属性，但它的行为不一致，并且以各种奇怪的方式移动 2） 我试图通过使用HTML/CSS-对齐文本，显示滚动条,html,css,Html,Css,我对编码是新手，我正在为我父亲创建一个网站，帮助他积累经验和投资组合 我正在使用unsentic和normalize 我遇到的问题如下 1） 我似乎无法将单词“Michael Gilsenan”的底部与导航栏中的文本对齐。我尝试过使用line height属性，但它的行为不一致，并且以各种奇怪的方式移动 2） 我试图通过使用标记或使用border bottom属性在标题下创建一行。两者最终都会在上创建一个滚动条，其中包含我的元素 我花了整整4个小时试图找到一个解决方案，并且做了大量的阅读。如果我
<!DOCTYPE html>
ulline-height: 55px; /* match the height of the headertext. */
标题上overflow-y: hidden;
ulscroll另外，您应该为
标题文本使用标题标签
，而不是将文本变大（300%）。搜索引擎寻找标题标签来理解页面（SEO）。如果css中的标题标记太大或太小，您可以调整其大小，然后仍然使用该标记。之所以出现滚动条，是因为您在标题元素的样式声明中将溢出属性设置为自动：
header {
font-family: 'Open Sans', sans-serif;
margin-top: 80px;
overflow: auto; <-- change or remove this
border-bottom: solid #cacaca 1px;
}
我在你的CSS中添加了一些关于我注意到的其他事情的评论。要查看工作示例，您可以查看此笔：
通常，我会尝试回答这个问题，告诉您如何使用您正在使用的技术来实现您想要的结果，但在这种情况下，我认为您选择的网格系统会让您感到沮丧。Flexbox正在被现代浏览器所采用，并且可以安全地用于不需要支持传统浏览器的项目中。有关这方面的更多信息，请查看“我可以使用以下工具”的flexbox部分：
希望这有帮助。祝你好运 一,。将ul
上的填充设置为0
。2.我不明白你想在第二阶段取得什么成就。3.谷歌“css框模型”并阅读几个小时。4.请特别注意填充
、边框
和边距
在框模型中的关系，以及您的显示
值。嗨，mccambridge，我已经根据您的帖子修改了ul
上的填充，但没有更改。我试图达到的效果是，在这两条线下面画一条线；丹雅，非常感谢你！我很高兴你这么说，因为我想知道是不是这个不可靠的框架导致了这些问题，所以我把它全部删除了，明天再开始，接受你的建议。非常感谢Wazz！
header {
font-family: 'Open Sans', sans-serif;
margin-top: 80px;
overflow: auto; <-- change or remove this
border-bottom: solid #cacaca 1px;
}
* {
margin: 0;
text-decoration: none;
}
/* hr {
border-style: solid;
border-color: #cacaca;
position: relative;
top: -40px;
} */
/* header styles */
header {
display: flex;
align-items: flex-end;
height: 80px;
font-family: 'Open Sans', sans-serif;
/* overflow: auto; */
/* the overflow property is setting your scrollbar. If you don't want the scrollbar, set to none : */
/* border-bottom: solid #cacaca 1px; */
/* Here, your properties are in the wrong order.
it should be:
1. border size
2. border type/style
3. border color.
Like this: */
border-bottom: 1px solid #cacaca;
}
header a {
color: #332e2d;
}
.header-text {
font-family: 'Montserrat', sans-serif;
font-size: 3.5rem;
letter-spacing: -0.01em;
/* line-height: */
/* When you leave in style properties with no value, this will often break your stylesheet. I've commented this out. */
}
header nav {
padding: 10px;
display: flex;
}
header nav ul li {
display: inline;
align-items: flex-end;
margin: 0 20px;
}