文档声明对css部分如何兼容
日期：2014-05-16 浏览次数：20602 次
文档声明对css部分怎么兼容？
<div class=”div1”>
<span class=”span1”></span> //现在有2个dom对象，div中包含一个span.
</div>
在当前页面上上面，如果文档声明加上loose.dtd或者xhtml1-transitional.dtd，会产生span1中margin-top:6px失效，div1中margin-top:6px;也失效。
如果在文档声明中，如果不加dtd声明的话，就不会出现这种情况，请问，这种情况，怎么兼容呢？
------解决方案--------------------
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
</body>
</html>
------解决方案--------------------
span 没有 float 或display block 或line-block 或 absolute 这些 后， 还不是块的情况的 是不支持上下margin 的 和padding的 并且 height也不可能有的 如果文档 声明是其中一个， 变成块后，你的 margin top 肯定是一致的
<div class=”div1”>
<span class=”span1”></span> //现在有2个dom对象，div中包含一个span.
</div>
.div1 {
clear: none;
width: 400px;
overflow: auto;
position: relative;
z-index: 2;
padding-left: 90px;
color: blue;
cursor:move;
/*padding-top: 3px;*/
padding-right: 3px;
margin-top:6px;
}
.span1 {
font-family:"Microsoft YaHei";
font-size:14px;
color: #2d6188;
height: 14px;
font-weight: bold;
cursor: move;
margin-top:6px;
}
在当前页面上上面，如果文档声明加上loose.dtd或者xhtml1-transitional.dtd，会产生span1中margin-top:6px失效，div1中margin-top:6px;也失效。
如果在文档声明中，如果不加dtd声明的话，就不会出现这种情况，请问，这种情况，怎么兼容呢？
文档
CSS
微软
Color
类
------解决方案--------------------
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
</body>
</html>
------解决方案--------------------
span 没有 float 或display block 或line-block 或 absolute 这些 后， 还不是块的情况的 是不支持上下margin 的 和padding的 并且 height也不可能有的 如果文档 声明是其中一个， 变成块后，你的 margin top 肯定是一致的
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
