我一直试图让两个div并排浮动(即sliderdiv和main-search)但似乎无法得到它.同样的小提琴:
http://jsfiddle.net/Ar99F/1/
加价
<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; }
请帮忙
解决方法
原文地址:https://www.jb51.cc/html/226611.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。