经常遇到这种情况，如以下这段代码
<!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值，这是什么原因呢？
期待达人给个指点。谢谢！
分享到：
相关推荐
当N个元素浮动后，会导致错位的问题。一般给元素一个固定的height就没有这个现象。 但是当高度不一致时，就需要想别的办法来解决了： 1、给父元素定义font-size:0; 浮动子元素定义需要的font-size， 再定义display...
<div id="myTab0_Content1" class="none">计源论坛 计源论坛</a></div> <div id="myTab0_Content2" class="none">计源论坛22</a></div> <div id="myTab0_Content3" class="none">计源论坛33</a></div> </div> ...
margin:0; padding:0; font: bold 11px/1.5em Verdana; } h2 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0px; padding: 0px 0px 0px 15px; } img { border: none; } ...
有6个DIV,每一个的classname分别为b1,b2,b3,b4,b5,b6 按顺序排列,改变不同的CSS可以令布局发生改变。 例子,以下CSS代码可以令6个div按井字排列： .b1{ float:left;width:290px; height:300px; margin-right:10px} ...
float:left; border-right:1px solid #000; height:30px} .myDiv1{ width:300px; border:1px solid #000;border-bottom:0; height:90px} .myDiv1 ul{ width:300px; list-style:none; margin:0; padding:0;
margin: 0px; padding: 0px; background: #FFFFFF url(images/bg01.jpg) repeat left top; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #797979; } h1, h2, h3 { margin-...
div+css布局中简单的样式，例如： 左右自适应布局 #left { background-color: #FFFF33; height:250px; width:25%; border:10px solid #000000; float:left; margin:10px; }
已存在解决方法：利用float和margin的负值偏移来实现，这两种方法虽好，但是对于前一种方法如果这两个div包含在另一个div中，且这个div已经float的话，这个方法是无效的。 本题目采用方法：即在其中的某个div的css中...
.products1-inquiry .products1-inquiry-div input{ width:97%;} } @media screen and (max-width: 860px) { .copyright{ padding:0;} .copyright p{ text-indent:inherit;} .copyright a{ display:none;} ....
<div style="margin-top: 4px; height: 26px; width: 1000px;"> <div align="right" class="STYLE1" style="width: 100px; float: left; margin-top: 6px;margin-left:10px; ">用户名：</div>
<div u00a0style=float:left;width:200px;>左侧</div> <div u00a0style=margin-left:200px;background:#999;>右侧</div> </div> 方法二： XML/HTML Code复制内容到剪贴板 <div> <div style=widt
一、超链接点击过后hover样式就不出现...} div {float:left; margin-left:10px; width:200px; height:200px; border:1px solid red;} </style> 浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inli
10. margin加倍的问题 3 11. IE与宽度和高度的问题 3 12. 页面的最小宽度 3 13. DIV浮动IE文本产生3象素的bug 3 14. IE捉迷藏的问题 3 15. float的div闭合;清除浮动;自适应高度 3 16. 高度不适应 3 17. IE6下...
div托动，打开，关闭效果 body,span,div,td{font-size:12px;line-height:1.5em;color:#849BCA;} #bodyL{ float:left; width:84px; margin-right:2px; } a.od{ width:80px; height:25px; line-height:25px; text-...
代码如下:<!...<head> <style> div { background:#ece023; width:30px; height:40px; margin:2px;... <div>a</div> <div>b</div> <div>c</div> <div>d</div> <div>e</div> <div>f</di
body {margin:0} div { float:left; margin-left:10px; width:200px; height:200px; border:1px solid red } </style> 浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline 3.为什么FF下...
div.pagination a:hover, div.pagination a:active { border:1px solid #990000; color: #fff; background-color: #990000; } div.pagination span.current { padding: 2px 5px 2px 5px; margin-right: 2px; border:...