浅谈FF和IE对盒子模型的理解程度

最新推荐文章于 2024-08-14 15:58:05 发布

codeshark

最新推荐文章于 2024-08-14 15:58:05 发布

阅读量1.6k

点赞数

分类专栏： Div+CSS 文章标签： ie xhtml 浏览器 html c

本文链接：https://blog.csdn.net/codeshark/article/details/2643007

版权

Div+CSS 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

FF跟IE浏览器的盒子模型解释完全符合W3C标准的设计目标，而IE6/7却有不同的表现。

IE6/IE7/FF的最终宽度：左外边距＋左边框宽＋左内边距＋宽度＋右内边距＋右边框宽＋右外边距

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>浅谈FF和IE对盒子模型的理解程度</title>

<style type="text/css">

#a{width:300px;height:300px;background-color:#EEEEEE;border:5px solid #111111;margin:5px;padding:10px;}

#b{width:300px;height:300px;background-color:#999999;}

</style>

</head>

<body>

<div id="a"></div>

<div id="b"></div>

</body>

</html>