在dreamweaver中插入2个div,为什么会重叠在一起，怎样让他们水平并列排列
展开全部
你先看下下面的代码（还是看不懂你再HI我好了），红、蓝是两个DIV哟：
<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#div1 {
background-color: #00F;
float: left;
height: 500px;
width: 300px;
}
#div2 {
background-color: #F00;
float: left;
height: 500px;
width: 300px;
}
</style>
</head>
<body>
<div id="div1">
</div>
<div id="div2">
</div>
</body>
</html>
设div的宽度和float属性就好了，当然宽度不能太宽，要不也不行。
如果不设宽的话，DIV多半是默认占一行的。
不知道是不是回答了你的问题！
<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#div1 {
background-color: #00F;
float: left;
height: 500px;
width: 300px;
}
#div2 {
background-color: #F00;
float: left;
height: 500px;
width: 300px;
}
</style>
</head>
<body>
<div id="div1">
</div>
<div id="div2">
</div>
</body>
</html>
设div的宽度和float属性就好了，当然宽度不能太宽，要不也不行。
如果不设宽的话，DIV多半是默认占一行的。
不知道是不是回答了你的问题！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
应该是浮动了，最好贴下代码
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你别用鼠标拖出层啊，那样是绝对定位层，当然重叠了
至于怎样让他们水平并列排列这个问题，你最好还是网上找点基本的CSS资料学习下吧，否则以后问题更多
至于怎样让他们水平并列排列这个问题，你最好还是网上找点基本的CSS资料学习下吧，否则以后问题更多
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用浮动就可以了。float:left;
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
float:left;左对齐即可，不要用定位
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
