如何使两个div并排? [英] How to make two divs float side by side?
本文介绍了如何使两个div并排?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我一直试图让两个div并排(即sliderdiv和main-search),但似乎不能得到它。一个小提示: http://jsfiddle.net/Ar99F/1/
I have been trying to make two divs float side by side (namely sliderdiv and main-search) but cant seem to get it.`A fiddle of the same: http://jsfiddle.net/Ar99F/1/
标记
Mark-up
<div id="homecontent" class="container">
<div id="homecontent-mid" class="row rounded">
<div id="homebanner" class="rounded">
<div class="sliderdiv">Content Goes Here</div>
<div class="main-search">Search Content Goes Here</div>
</div>
</div>
</div>
CSS
#homecontent {
background: url("images/content-bg.png") repeat-x scroll 0 0 #FAFAFA;
position: relative;
}
#homecontent-mid {
background: url("images/bg-stage.png") repeat-y scroll right top #FFFFFF;
border: 1px solid #BDBCBD;
min-height: 100%;
outline: medium none;
top: -40px;
}
#homebanner {
background: url("images/bg-stage-shade.png") repeat-x scroll 0 0 transparent;
padding-right: 20px;
position: relative;
}
.rounded {
border-radius: 10px 10px 10px 10px;
}
.sliderdiv {
background: none repeat scroll 0 0 red;
float: right;
}
.main-search {
background: none repeat scroll 0 0 #FFFFFF;
border: medium solid #D51386;
clear: both;
float: left;
overflow: hidden;
padding: 20px 10px;
}
请帮助
推荐答案
查看 此处 。
只要把 float:left
放在两者中,并删除 clear:both
。
Have a look here.
Just put float: left
to both of them and remove the clear: both
.
这篇关于如何使两个div并排?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文