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
效果图如下:
原文：https://www.cnblogs.com/lcssc1/p/12254989.html