gpt4 book ai didi

使用 HTML 5 文档类型时,似乎不遵守 CSS 样式定义

转载 作者:太空宇宙 更新时间:2023-11-04 03:03:28 25 4
gpt4 key购买 nike

我开始尝试构建一个 HTML 5 网站,但遇到了 CSS 问题。以下是该问题的 MCVE:

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<body>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}

div.content {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 75%;
}

div.topbar {
background-color: #777777;
border-bottom: 1px #000000 solid;
color: #FFFFFF;
padding: 5px;
}
</style>
<div class="topBar">
<p>MCVE</p>
</div>
<div class="content">
<p>Here is some content.</p>
</div>
</body>
</html>

如果你取出<!DOCTYPE html>标记,页面顶部的顶部栏有效,但如果将其放入,则它无法正确呈现,因为 div 元素的背景颜色未呈现,边框也未呈现。

我在这里做错了什么,以至于没有完全遵守 div.topBar 样式定义?

最佳答案

问题是

div.topbar

应该是

div.topBar

因为 <div class="topBar">不是 <div class="topbar">

由于某种原因,它仍然以 quirks 模式呈现,但 html5 模式不会呈现它。

( Demo )

关于使用 HTML 5 文档类型时,似乎不遵守 CSS 样式定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30903674/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com