<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钻到了第一个的下面:
在vs2010中显示如下 第二个确和第一个并排了:
这是怎么回事?
5 个解决方案
#1
在浏览器上显示正常就行了
#2
兼容性,注意!!!
#3
不要以vs或DM上预览的效果为准,以浏览器上看到的效果为准。
#4
#rside
{
width:20px;
height:100px;
background:red;
float:left;
}
加上就正确了
这是 IE 系列和 非IE 系列对浮动的解释的差异造成的
{
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 系列对浮动的解释的差异造成的
{
width:20px;
height:100px;
background:red;
float:left;
}
加上就正确了
这是 IE 系列和 非IE 系列对浮动的解释的差异造成的
#5
结贴给分。感谢帮助。