html - HTML5 div 样式不起作用

Question

我的页面（使用 HTML5）在没有 doctype 的情况下可以正常工作，但是当我添加 HTML5 doctype 时，<div>s 上的样式似乎不起作用（具体来说，<div>应该从左侧对齐 20 像素的样式没有对齐...另一个<div>应该有 90% 的高度恢复到默认高度...另一个<div>我改变了行间距和字符间距的似乎使用了默认的行间距和字符间距）。s上的样式<span>虽然工作得很好……但似乎只有<div>s 有问题。我已更改<div>为<section>...仍然无法正常工作。我尝试过内联样式，然后切换到样式表……似乎都不管用。我扔了一些display:block;（不确定那是做什么的）但它似乎没有做任何事情。
顺便说一句，代码没有问题。我通过验证器运行它，它根本没有错误。

Answer 1

你的 CSS 有错误

.indented {
    display: block;
    left: 20;
    position: relative;
}

应该：

.indented {
    display: block;
    left: 20px;
    position: relative;
}

请注意，您必须为 - 的值指定一个单位值，20否则它可能会被忽略（这就是导致您的问题的原因！）