首页 > 代码库 > 盒模型
盒模型
1. 文档DTD
文档类型定义（Document Type Definition，简称DTD）
它包含了元素的定义规则、元素间关系的定义规则，元素可使用的属性、可使用的实体或符号规则。
没有DTD定义的时候，IE6/7/8会触发怪异模式，firefox依然是标准模式。为了让所有浏览器都以统一的标准去解析和渲染html。
推荐使用HTML5文档DTD：<!DOCTYPE html>，它会触发浏览器的标准模式。
2. 盒模型
当html文档没有DTD的定义时,IE就会使用独特的盒模型，与W3C标准浏览器分道扬镳。
//无DTD//css.box { width: 200px; border:10px solid #ddd;}//html<div class="box"></div>
IE： 元素宽度 = width
W3C：元素宽度 = width + padding + border
每个元素占据页面多少空间，决定于浏览器怎么样去渲染它，为了能在各个浏览器以统一的标准去渲染页面元素，我们一定要加上一个标准的文档DTD。
<!DOCTYPE html><html> ....</html>
盒模型
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。