DIV+CSS布局问题,我们想让两个DIV标签并排,第2个为什么老跑第一个下去
4个回答
展开全部
给div加浮动float属性就可以了,左浮动(float:left)或者右浮动(float:right)都无所谓只有宽度不超过他们的父元素的宽度就ok,最后加上一个clear属性来清除浮动,防止下面的元素发生错位现象。
把下边代码贴到网页的body里面
<style>
div{ border:1px solid #000;}
.div{ width:300px; height:200px;}
.div1{ float:left; width:100px; height:100px;}
.div2{ float:right; width:100px; height:100px;}
.clear{ clear:both;}
</style>
<div class="div">
<div class="div1">第一个</div>
<div class="div2">第二个</div>
<div class="clear"></div>
</div>
把下边代码贴到网页的body里面
<style>
div{ border:1px solid #000;}
.div{ width:300px; height:200px;}
.div1{ float:left; width:100px; height:100px;}
.div2{ float:right; width:100px; height:100px;}
.clear{ clear:both;}
</style>
<div class="div">
<div class="div1">第一个</div>
<div class="div2">第二个</div>
<div class="clear"></div>
</div>
展开全部
div的CSS,加float属性。
<div style="float:left"></div>
<div style="float:left"></div>
另外两个div的宽度之和不要超过他的父div,否则也会挤下来的。
<div style="float:left"></div>
<div style="float:left"></div>
另外两个div的宽度之和不要超过他的父div,否则也会挤下来的。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<div>
<div class="div1"></div>
<div class="div2"></div>
</div>
css样式
.div1{ float:left; with:40%;}
.div2{ float:right; with:40%;}
//两个子div宽度不能超过大div的宽度,不然就会排到下面去。
<div class="div1"></div>
<div class="div2"></div>
</div>
css样式
.div1{ float:left; with:40%;}
.div2{ float:right; with:40%;}
//两个子div宽度不能超过大div的宽度,不然就会排到下面去。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你把每个标签都用上浮动float
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询