HTML5 div样式无效

时间:2012-05-19 01:33:37

标签: html5 html styles

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

1 个答案:

答案 0 :(得分:1)

您的CSS中有错误

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

应该是:

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

请注意,您必须为20的值指定单位值 - 否则可能会被忽略(导致您出现问题的原因!)