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

效果图如下: