DW怎么设置两个DIV上下排列
发布网友
发布时间：2022-04-29 01:30
共4个回答
热心网友
时间：2022-04-20 21:11
1、我先做的是插入两个div标签，点击【插入】，找到【布局对象】—【Div标签】。
2、先创建第一个长宽均为200px的div标签，类命名为“1”。
3、在创建第二个长宽均为200px的div标签，类命名为“2”。
4、这时候可以看到两个div标签的状态是上下并排。
5、然后再双击右边的CSS样式窗口内其中一个标签的CSS。
6、在div标签的CSS窗口中分类选项中，找到【方框】，设置Float为left，即向左浮动。
7、最后完成就完成了并排。
热心网友
时间：2022-04-20 22:29
处理方法：
直接去掉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{}
热心网友
时间：2022-04-21 00:04
默认布局就是上下排列。这是因为div是块标签自己就会占一整行，无论你设置DIV的宽是多少都会占一整行，当然你如果设置CSS样式他也可以变成内链标签。
热心网友
时间：2022-04-21 01:55
<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>
