经常遇到这种情况，如以下这段代码
<!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=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.Box { border:8px solid #E3F7FE; background:#fff; padding-bottom:30px; }
.tijiao { text-align:center; font-size:16px; font-weight:bold; color:#FE6703; margin:20px 0; }
.tijiaosm { text-align:center; font-size:13px; line-height:23px; margin:20px 0;}
-->
</style>
</head>
<body>
<DIV class=Box>
<DIV class=tijiao>已经提交审核，大约3分钟即可完成发布，请耐心等待...</DIV>
<DIV class=tijiaosm>
感谢您，请注意查收您的邮箱，以得到及时回复。<br />
欢迎在此<a href="">登录</a>或<a href="">注册</a>。</DIV>
<DIV class=tijiaosm>
<a href="">删除</a> | <a href="">添加到收藏夹</a> | <a href="">查看积分</a> </DIV>
</DIV>
</body>
</html>
几个默认width的DIV在未设定float的情况下，排列时明明设定了各自的margin值，但是在各浏览器中的显示结果并未实现有准确的MARGIN值，这是什么原因呢？
期待达人给个指点。谢谢！
分享到：
相关推荐
在这个特定的案例中，“div+css float 布局，适配手机”指的是利用 CSS 的浮动属性 (`float`) 来创建响应式网页布局，以便在手机等移动设备上也能正常显示。 浮动布局（float layout）是 CSS 中一个经典但仍然广泛...
### div+css兼容性问题解决方案 #### CSS浏览器兼容性概述 在进行Web开发时，不同浏览器对CSS的支持程度不一，这可能导致页面显示效果存在差异。为了确保网站能在各种浏览器中正常显示，开发者需要掌握一些关于CSS...
以下是一些解决`div+css`浏览器兼容问题的方法： 1. **DOCTYPE声明**： 为了确保浏览器按照W3C标准解析CSS，必须在HTML文档开头添加正确的DOCTYPE声明，例如`<!DOCTYPE html>`。这将确保浏览器以标准模式渲染页面...
例如，我们可以通过对div元素应用浮动float来进行布局，不但对整个版式进行规划，也可以对一些基本元素如导航等进行排列。 Float浮动属性的实例 例如，我们可以通过以下代码来实现浮动float属性的应用： ``` #...
在网页设计中，`div+css`是一种常见的布局方式，但它也伴随着一系列的浏览器兼容...以上就是关于`div+css`布局中常见的一些兼容性问题及其解决方案，理解并掌握这些技巧，可以有效提升网页在各种浏览器下的显示一致性。
为解决此问题，可以在该div内添加`display: inline;`，如： ```css #IamFloat{ float: left; margin: 5px; /* IE 下理解为 10px */ display: inline; /* IE 下再理解为 5px */ } ``` 4. **浮动元素的双倍...
以下是一些常见的`div`兼容性问题及其解决方法： 1. **垂直居中问题**： `div`的垂直居中可以通过设置`line-height`来实现。将`div`的`line-height`设置为和其自身高度相等，然后放入内容，内容就会垂直居中。然而...
### DIV+CSS解决各浏览器兼容问题 在网页设计与开发领域，DIV+CSS布局方法是构建网站时常用的技术之一。然而，不同的浏览器由于其内核差异及版本更新速度不一，常常导致同样的代码在不同浏览器下呈现的效果各异，...
本文档主要关注在IE6、IE7、IE8中遇到的一个典型问题——**DIV错位**，并提供了解决方案。 #### 二、DIV错位现象分析 在文档中提到，采用`float: left;`样式的DIV在IE8和IE7中表现正常，但是在IE6中会出现向下偏移...
其次，`margin`加倍问题主要出现在IE6中，当元素设置了`float`属性时，其margin会被错误地加倍。解决办法是在该元素上添加`display:inline`，这可以使IE6正确解析margin值。 浮动元素产生的双倍距离问题也是IE6的一...
### DIV CSS最有可能遇到的八个面试问题解析 随着前端技术的发展与迭代，DIV CSS作为网页布局的核心...通过深入理解这些问题，不仅能够帮助你在面试中脱颖而出，还能够提升你在实际项目中的工作效率和解决问题的能力。
当N个元素浮动后，会导致错位的问题。一般给元素一个固定的height就没有这个现象。 但是当高度不一致时，就需要想别的办法来解决了： 1、给父元素定义font-size:0; 浮动子元素定义需要的font-size， 再定义display...
解决浏览器兼容问题的 CSS 语法技巧...` 来解决问题。 解决浏览器兼容问题的 CSS 语法技巧大全涵盖了 IE 和 Firefox 浏览器的兼容性问题，提供了一些实用的解决方案，可以帮助 web 开发者更好地解决浏览器兼容性问题。
为解决此问题，可以为非IE浏览器设置`min-width`和`min-height`，同时为IE浏览器设置`width`和`height`。例如： ```css #box{ width: 80px; height: 35px; } html>body #box{ width: auto; height: auto; ...
### div错位解决IE6/IE7/IE8样式不兼容问题 在Web开发中，兼容性一直是开发者面临的重要挑战之一。特别是在早期浏览器版本中，如Internet Explorer 6（IE6）、IE7 和 IE8，由于这些浏览器对于CSS的支持存在较大差异...