HTML5的div样式不工作

我的网页（使用HTML5）工作正常，没有文档类型，但是当我添加HTML5文档类型时，<div> s上的样式似乎不起作用（具体来说，一个<div>应该是从左边对齐20个像素不对齐...另一个<div>应该有90％的高度恢复到默认高度...另一个<div>我已经改变了行间距和字符间距似乎使用默认行距和字符间距）。样式在<span>的工作很好，但它似乎只有<div>有问题。我已将<div>更改为<section> ...仍然无效。我试过内联样式，然后切换到样式表......这两种方式似乎都不起作用。我投入了一些display:block;（不确定那是什么），但它似乎没有做任何事情。
顺便说一下，代码没有问题。我通过验证器运行它，它没有任何错误。HTML5的div样式不工作

来源

2012-05-19 user1404516

如果有可能，请去http://jsfiddle.net并创建一个自包含的例子，说明你的问题。 –

这里是我的网页与东西灰暗： [链接]（http://kulukuku.webs.com/problem.htm）。下面是完全一样的东西，删除了doctype：[link]（http://kulukuku.webs.com/problem2.htm）。你会看到它看起来不同...有些部分排列不同（更多我想要他们的方式），当你点击按钮时，文本将全部在没有文档类型的页面上可见（不像HTML5文档类型，它只显示几行并添加一个滚动条...这不是我想要的）。 – user1404516

我让你一个人帮你 - http://jsfiddle.net/Px4wh/ – Neil

你在你的CSS有一个错误

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

应该是：

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

请注意，您必须为20值指定了单位值 - 否则它可能会被忽略（这是什么导致你的问题！）

来源

2012-06-08 14:52:28 Fenton

不知道。谢谢！ – user1404516

HTML5的div样式不工作

回答

相关问题