html 如何让两个div在同一行


html

<div class="site-topbar">

<div class="topbar-left">左</div>

<div class="topbar-right">右</div>

</div>

 

css

.site-topbar{
height: 40px;
}

.site-topbar .topbar-left{
float: left;
}

.site-topbar .topbar-right{
float: right;
}

主要在于在div的css中设置float

效果图如下:

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM