DW怎么设置两个DIV上下排列
css.kj{width:950px;height:500px;margin:auto}.l{float:left}.r{float:right}#a{border:1p...
css
.kj{width:950px; height:500px; margin:auto}
.l{float:left}
.r{float:right}
#a{border:1px solid; width:205px; height:100px; border:1px solid}
html
<body>
<div class="kj">
<div id="a" class="l"></div>
<br><div id="a" class="l"></div></br>
</div>
</body> 展开
.kj{width:950px; height:500px; margin:auto}
.l{float:left}
.r{float:right}
#a{border:1px solid; width:205px; height:100px; border:1px solid}
html
<body>
<div class="kj">
<div id="a" class="l"></div>
<br><div id="a" class="l"></div></br>
</div>
</body> 展开
4个回答
展开全部
1、我先做的是插入两个div标签，点击【插入】，找到【布局对象】—【Div标签】。
2、先创建第一个长宽均为200px的div标签，类命名为“1”。
3、在创建第二个长宽均为200px的div标签，类命名为“2”。
4、这时候可以看到两个div标签的状态是上下并排。
5、然后再双击右边的CSS样式窗口内其中一个标签的CSS。
6、在div标签的CSS窗口中分类选项中，找到【方框】，设置Float为left，即向左浮动。
7、最后完成就完成了并排。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
处理方法：
直接去掉class="l"即可
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
.kj{
width:950px;
height:500px;
margin:auto
}
.l{float:left}
.r{float:right}
#a{
border:1px solid;
width:205px;
height:100px;
border:1px solid
}
</style>
</head>
<body>
<div class="kj">
<div id="a">
</div>
<div id="a">
</div>
</div>
</body>
</html>
效果：
建议：
id是唯一的，不能用同一个id定义多个页面元素，请使用class或CSS 级联.kj div{}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
html中只有三种布局一种叫做默认布局，一种叫做浮动布局，一种叫做定位布局。
默认布局就是上下排列。这是因为div是块标签自己就会占一整行，无论你设置DIV的宽是多少都会占一整行，当然你如果设置CSS样式他也可以变成内链标签。
默认布局就是上下排列。这是因为div是块标签自己就会占一整行，无论你设置DIV的宽是多少都会占一整行，当然你如果设置CSS样式他也可以变成内链标签。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!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">
*{
margin:0;
padding:0;
}
.box1{
width:600px;
height:120px;
border:1px solid #f00;
}
.box2{
width:600px;
height:120px;
border:1px solid #000;
}
</style>
</head>
<body>
<div class="box1"></div>
<div class="box2"></div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
