设为浮动可以实现:
<style>div {float:left width:200px height:100px border:1px solid #000}
</style>
<div></div>
<div></div>
或者设为inline-block也可:
<style>div {display:inline-block width:200px height:100px border:1px solid #000}
</style>
<div></div><div></div>
div是块级元素,默认情况下是单独占用一行的。你想让两个div水平放置,就得改变div的display属性。分别把两个div的css中加入display:inline-block
然后给需要左对齐的div设置float:left
同理,右对齐的设置float:right
试试看效果吧