您的 CSS 是否曾经对您表现得很奇怪,但您似乎已经完美地完成了所有操作?这可能是您的 HTML 声明导致了问题。有时,当您只是将一个小样本拼凑在一起时,您只需使用 <html> 标签来启动您的页面,一切都能正常工作。随着事情变得越来越复杂,如果您忘记使用“真正的”声明,您可能会注意到事情并没有按预期运行。例如,使用这个小技巧来居中某些内容不起作用
.page_wrap {
margin: 0 auto;
}
确保您正在使用一个支持这种技巧的页面声明。以下示例是最常见的,应该成为您每个页面上使用的默认 HTML 声明,除非您正在做一些特殊且奇怪的事情,并且您知道自己在做什么。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
要获得对不同页面声明的非常好的解释,请查看这篇 HTML Dog 文章。
更新:读者 David 指出,上面的声明并不完全是最好的选择,因为它不受 IE 支持。经过一些测试,以下声明在旧版 IE 和现代浏览器中都表现良好
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
有关 Microsoft 对该主题的解释,请阅读此处。
我质疑它是否是最好的声明,因为 IE 不支持它。
你绝对是对的。我会更新文章,更好地指出这一点。