关于div布局问题，为什么显示在设计视图与浏览器中的不一样呢？
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!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">
#head {
height: 80px;
width: 1000px;
background-color: #006699;
}
#second {
background-color: #003366;
height: 25px;
width: 1000px;
margin-bottom: 5px;
margin-top: 5px;
}
#1 {
background-color: #0033CC;
float: left;
height: 400px;
width: 200px;
}
#3 {
background-color: #CC0066;
height: 400px;
margin:0 2px;
}
#2 {
background-color: #993300;
float: right;
height: 400px;
width: 200px;
}
#content {
height: 400px;
width: 1000px;
background-color: #FFFFFF;
}
</style>
</head>
<body>
<div id="head">this is head</div>
<div id="second">this is second block</div>
<div id="content">
<div id="1">this is 1</div>
<div id="2">this is 2</div>
<div id="3">this is 3</div>
</div>
<div id="footer">this is head </div>
</body>
</html> 展开
<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">
#head {
height: 80px;
width: 1000px;
background-color: #006699;
}
#second {
background-color: #003366;
height: 25px;
width: 1000px;
margin-bottom: 5px;
margin-top: 5px;
}
#1 {
background-color: #0033CC;
float: left;
height: 400px;
width: 200px;
}
#3 {
background-color: #CC0066;
height: 400px;
margin:0 2px;
}
#2 {
background-color: #993300;
float: right;
height: 400px;
width: 200px;
}
#content {
height: 400px;
width: 1000px;
background-color: #FFFFFF;
}
</style>
</head>
<body>
<div id="head">this is head</div>
<div id="second">this is second block</div>
<div id="content">
<div id="1">this is 1</div>
<div id="2">this is 2</div>
<div id="3">this is 3</div>
</div>
<div id="footer">this is head </div>
</body>
</html> 展开
1个回答
展开全部
设计视图乱是因为你写的代码还不怎么规范，我刚学CSS的时候也是你这样，浏览器中正常，但一点DW里面的设计就乱的要死。给你个小提示啊，这个属性有加没<div style="clear:both"></div>清楚浮动，其他的就要看你的经验了，建议你布局的时候用拆分模式，那样哪个地方在视图里面乱了就能发现并改正了.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
