div默认是靠左的。如果我有两个并列的div，如果能让两者都贴在父div的右侧，并且一上一下
5个回答
展开全部
这个可以通float属性的实现
CSS样式：
<style>
.parentDiv {border : 1px solid #99ff66;}
.parentDiv .div1{border : 1px solid #6699ff; width:40%;float:right;clear:both;}
.parentDiv .div2{border : 1px solid #ff66ff; width:40%;float:right;clear:both;}
.clearDiv {clear:both;}
</style>
HTML代码：
<div class="parentDiv">
<div class='div1'>DIV-1</div>
<div class='div2'>DIV-2</div>
<div class="clearDiv"/>
</div>
效果图：
追问
你来了。不知道为嘛，我想你提问提问不了。
这个clear什么意思呢？？我试了一下，发现我的其他的左侧的div都跑到底部去了。就是加入了第三个div的clear
而且我还遇到了一个问题。两个div之间的间距很大，查看了也没发现有那点设置了margin的
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<style>
#right1{
background-color:#000000;
color:#ffffff;
float:right;
}
#right2{
background-color:#000000;
color:#ffffff;
float:right;
}
#right0{
clear:both;
}
</style>
</head>
<body>
<div id="fater">
<div id="right1">第一个层
</div>
<div id="right0">
</div>
<div id="right2">第二个层
</div>
</div>
</body>
</html>
<html>
<head>
<style>
#right1{
background-color:#000000;
color:#ffffff;
float:right;
}
#right2{
background-color:#000000;
color:#ffffff;
float:right;
}
#right0{
clear:both;
}
</style>
</head>
<body>
<div id="fater">
<div id="right1">第一个层
</div>
<div id="right0">
</div>
<div id="right2">第二个层
</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
亲 clear是清除浮动的意思，一般的你用的float要及时清除，以免后面的内容错乱
把楼上的代码改改就好
<style>
.parentDiv {border : 1px solid #99ff66;width:80%;margin:0 auto}
.sidebar{ float:right}
.div1{border : 1px solid #6699ff; width:40%}
.div2{border : 1px solid #ff66ff; width:40%}
</style>
<div class="parentDiv">
<div class="sidebar">
<div class='div1'>DIV-1</div>
<div class='div2'>DIV-2</div>
</div>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
#woji div{ width:100px; height:100px; float:right; background:#000;}
.woji1{ clear:both;}
.woji2{ clear:both;}<div id="woji">
<div class="woji1"></div>
<div class="woji2"></div>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
两个div全部加float:right;可以解决
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
