如何把两个DIV并排排列在一行,还不是一列(20分)
如何把两个DIV并排排列在一行,不要用position:absolute然后用LEFT或TOP来解决,因为这样是相对怎么个页面的,我只是想在一个DIV中的两个DIV能够在...
如何把两个DIV并排排列在一行,不要用position:absolute然后用LEFT或TOP来解决,因为这样是相对怎么个页面的,我只是想在一个DIV中的两个DIV能够在这个DIV中并排
展开
4个回答
展开全部
给这两个DIV设定一个宽度,然后定义float:left; display:inline;
例如HTML是这样:
<div class="container">
<div class="box">121212</div>
<div class="box">455656</div>
</div>
在css里面要让两个class为box的DIV并排时只要这样定义即可
.box {width:50%; float:left; display:inline;}
另外,说明一下,display:inline 是可以不加的,不过有时会在某些浏览器里面出现兼容问题,一般还是加上好一点。
例如HTML是这样:
<div class="container">
<div class="box">121212</div>
<div class="box">455656</div>
</div>
在css里面要让两个class为box的DIV并排时只要这样定义即可
.box {width:50%; float:left; display:inline;}
另外,说明一下,display:inline 是可以不加的,不过有时会在某些浏览器里面出现兼容问题,一般还是加上好一点。
2013-03-29
展开全部
很简单,让两个要并排的div全部float:left 答案补充 float是让div标签浮动的,因为div是块级元素,默认是不能在一行上显示的。只能css来改变,代码如下:<style type="text/css">
#content {
float: left;
width: 270px;
}
#content2 {
float: left;
width: 270px;
}
</style>
<div id="content"></div>
<div id="content2"></div>
#content {
float: left;
width: 270px;
}
#content2 {
float: left;
width: 270px;
}
</style>
<div id="content"></div>
<div id="content2"></div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
对两个DIV设置宽度,对两个DIV都设置浮动,实现两个DIV在同一行上
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
position:relative和margin一起用行不行
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询