(16/06/10) DIV+CSS网页标准化布局 DIV+CSS的兼容性问题小结。
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了(16/06/10) DIV+CSS网页标准化布局 DIV+CSS的兼容性问题小结。相关的知识，希望对你有一定的参考价值。
1.兼容性问题的产生：个别浏览器的开发商对一些CSS属性的解析没有按W3C的标准设计。
一个好的网站布局需要在所有的浏览器上呈现相同的界面，即使不能完全一致也要大致相同。浏览器进行页面布局调试将其分为IE和非IE两种。主要原因是因为微软公司的IE浏览器没有按W3C的标准设计，而非IE浏览器几乎是符合W3C标准的。目前IE浏览器占有很大的市场份额，IE5使用人群很少，基本不用考虑，一般IE浏览器兼容性只针对IE6,IE7,IE8就可以了，IE的新版本向标准化迈进。非IE浏览器以Firefox浏览器为代表。
2.不同浏览器解释盒子模型的差异
A.IE盒子模型：
IE盒子模型的范围包括了margin border padding 内容区，IE盒子模型的内容包含了border padding
B.标准的盒子模型：
标准的盒子模型的范围包括了margin border padding 内容区，标准的盒子模型的内容不包含border padding
3.兼容性问题的解决：设置浏览器遵循W3C标准
如果加上DOCTYPE声明，那么所有的浏览器就会采用标准的W3C盒子模型去解释你的盒子，网页就能在各个浏览器中显示一致了。声明代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
以上是关于(16/06/10) DIV+CSS网页标准化布局 DIV+CSS的兼容性问题小结。的主要内容，如果未能解决你的问题，请参考以下文章