如果使用DOCTYPE，则未正确应用Css样式-Cssstylesnotappliedproperly,ifuseDOCTYPE

9  

The problem is that the div is set to 100% of 100% (the body) this makes sence to us but not to the browser. If you set the body position to absolute and set it's top, bottom, left, right to 0, you get the same effect and the div's height setting will work the way you expect. Here's the code.

问题是div被设置为100%(正文)的100%,这对我们而言不是浏览器。如果将主体位置设置为绝对并将其顶部,底部,左侧,右侧设置为0,则会获得相同的效果,并且div的高度设置将按您期望的方式工作。这是代码。

 




My Test page

20  

Lack of a doctype triggers quirks mode, which is meant only for backwards compatibility for "legacy code" that was created before people started using doctypes. It should pretty much never be used; you should always declare a doctype.

缺少doctype会触发quirks模式,这仅仅意味着在人们开始使用doctypes之前创建的“遗留代码”的向后兼容性。它应该永远不会被使用;你应该总是声明一个doctype。

Which one to choose?

In this day and age, this is all you need:

在这个时代,这就是你所需要的:

You can continue to use XHTML syntax with this doctype if you wish. As far as CSS goes, there aren't any differences I'm aware of with different doctypes, as long as you have one. Doctypes will however change which attributes and elements are valid and in which context. Use the W3C Validator to test your HTML.

如果您愿意,可以继续使用此doctype的XHTML语法。就CSS而言,只要你有一个,我就不会对不同的docty知道任何差异。然而,Doctypes将改变哪些属性和元素是有效的以及在哪种上下文中。使用W3C Validator测试您的HTML。

Unfortunately, this means you will be rewriting much of your CSS to work in standards mode. I know it sounds like a chore, but you'll just have to bite the bullet and rewrite it.

不幸的是,这意味着您将重写大部分CSS以在标准模式下工作。我知道这听起来像是一件苦差事,但你只需要咬紧牙关并重写它。

Important note for moving forward: remove the inline CSS and use an external stylesheet instead, otherwise (among other things) you will find maintenance to be a total nightmare.

前进的重要注意事项:删除内联CSS并使用外部样式表,否则(除其他外)你会发现维护是一场彻头彻尾的噩梦。

Of interest: http://hsivonen.iki.fi/doctype/#choosing

有趣的是:http://hsivonen.iki.fi/doctype/#choosing

Choosing a Doctype

text/html

In a nutshell: Here are simple guidelines for choosing a doctype for a new text/html document:

简而言之:以下是为新text / html文档选择doctype的简单指南:

Standards mode, cutting edge validation

标准模式,前沿验证

This is the right thing to do unless you have a specific reason to avoid it. With this doctype, you can validate new features such as , and ARIA. Please be sure to test your page in the latest versions of the top browsers. Standards mode, legacy validation target

这是正确的做法,除非你有特殊的理由要避免它。使用此doctype,您可以验证新功能,例如

This doctype also triggers the standards mode, but lets you stick to legacy validation in case you want to avoid new features or more precise validation of old features. You’d like to use the Standards mode, but you use sliced images in table layouts and don’t want to fix them

此doctype还会触发标准模式,但如果您想要避免使用新功能或更精确地验证旧功能,则可以坚持使用旧版验证。您想使用标准模式,但在表格布局中使用切片图像并且不想修复它们

This gives you the Almost Standards mode. Please note that your layouts based on sliced images in tables are likely to break if you later move to HTML5 (and, hence, the full Standards mode). You willfully want the Quirks mode

这为您提供了几乎标准模式。请注意,如果您稍后转到HTML5(因此,完整的标准模式),基于表格中切片图像的布局可能会中断。你真的想要Quirks模式

No doctype.

Please don’t do this. Willfully designing for the Quirks mode will come and haunt you, your coworkers or your successors in the future—when no one even cares about Windows IE 6 anymore (already no one cares about Netscape 4.x and IE 5). Designing for the Quirks mode is a bad idea. Trust me.

请不要这样做。 Quirks模式的故意设计将会困扰你,你的同事或未来的继任者 - 当没有人关心Windows IE 6时(已经没有人关心Netscape 4.x和IE 5)。设计Quirks模式是个坏主意。相信我。

If you still want to support Windows IE 6, it is better to apply specific hacks for it using conditional comments than to regress other browsers into the Quirks mode.

如果您仍然想要支持Windows IE 6,最好使用条件注释为其应用特定的黑客,而不是将其他浏览器回归到Quirks模式。

I am not recommending any of the XHTML doctypes, because serving XHTML as text/html is considered harmful. If you choose to use an XHTML doctype anyway, please note that the XML declaration makes IE 6 (but not IE 7!) trigger the Quirks mode.

我不推荐任何XHTML文档类型,因为将XHTML作为text / html服务被认为是有害的。如果您仍然选择使用XHTML doctype,请注意XML声明使IE 6(但不是IE 7!)触发Quirks模式。