同样的代码,在DMcs6和VS2010中显示不一样,这是为什么?

时间:2022-08-25 20:14:55
代码如下:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
#lside
{
width:20px;
height:100px;
background:green;
float:left;
}
#rside
{
width:20px;
height:100px;
background:red;
}
</style>
</head>
<body>
<div id="lside">我是左</div>
<div id="rside">我是右</div>
</body>

在DM中显示如下 第二个div钻到了第一个的下面:
同样的代码,在DMcs6和VS2010中显示不一样,这是为什么?
在vs2010中显示如下 第二个确和第一个并排了:
同样的代码,在DMcs6和VS2010中显示不一样,这是为什么?
这是怎么回事?

5 个解决方案

#1


在浏览器上显示正常就行了

#2


兼容性,注意!!!

#3


不要以vs或DM上预览的效果为准,以浏览器上看到的效果为准。

#4


#rside
{
    width:20px;
    height:100px;
    background:red;
     float:left;
}
加上就正确了

这是 IE 系列和 非IE 系列对浮动的解释的差异造成的

#5


结贴给分。感谢帮助。

#1


在浏览器上显示正常就行了

#2


兼容性,注意!!!

#3


不要以vs或DM上预览的效果为准,以浏览器上看到的效果为准。

#4


#rside
{
    width:20px;
    height:100px;
    background:red;
     float:left;
}
加上就正确了

这是 IE 系列和 非IE 系列对浮动的解释的差异造成的

#5


结贴给分。感谢帮助。