html - 具有相同 id 的 div 不显示相同的高度

标签 html css sass

我有 5 个 div 都带有类 #content 具有这种样式

#content, .ready, .contact
        height: 100vh

但只有前三个显示正确。另外,我还在学习 Sass,所以不确定我是否只是在犯语法错误。

https://codepen.io/tyl-er/pen/RggGEE

最佳答案

ID 在 HTML 中必须是唯一的。

=> 替换 #content.content在你的 SASS 和 id="content"class="content"在您的 HTML 中。

对您的代码的额外反馈:

  • 如果您在 CSS/SCSS 中使用 ID,则无需将它们嵌套在父级中。
  • 使用<p>...</p>对于您的文本,而不是 <h5>...</h5> , 它在语义上没有任何意义。

关于html - 具有相同 id 的 div 不显示相同的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44769676/

相关文章:

javascript - 在输入 [type ='number' ] Edge 总是为 `NaN` 返回 `valueAsNumber`

javascript - 在页面加载时,创建 X 个 div

node.js - 为什么我的 AWS 实例无法安装 node-sass 包?

javascript - 通过 CSS 模块生成的类名以一种奇怪的方式生成

javascript - 无法在 'removeChild' : parameter 1 is not of type 'Node' in javascript 上执行 'Node'

javascript - 如何保留添加到 jQuery 匹配集中的项目的顺序?

javascript - 我可以检测到跨域 iframe 包含 404 响应吗?

css - 仅针对移动设备的媒体查询

JQuery 和 CSS 文件不能从外部文件工作

sass - 如何在部分更改时配置 Koala Sass 自动编译?