大佬教程收集整理的这篇文章主要介绍了HTML – 如何使两个div并排浮动?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
加价
<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; }
请帮忙
以上是大佬教程为你收集整理的HTML – 如何使两个div并排浮动?全部内容,希望文章能够帮你解决HTML – 如何使两个div并排浮动?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。