如何实现 CSS 两个 DIV 平行存放

html-css021

如何实现 CSS 两个 DIV 平行存放,第1张

设为浮动可以实现:

<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

试试看效果吧