两个div水平顶部对齐

left-div和right-div都设置display:inline-block;  并且右边的div增加样式vertical-align: top;

使得右边的div跟左边的div的顶部对齐

最终代码如下

<div id='left-div' style="width:20%; display:inline-block">
</div>
 
<div id='right-div' style="width: 80%; display:inline-block;vertical-align: top;">
</div>

 

posted @ 2018-10-16 14:20  徐昌琦  阅读(3291)  评论(1编辑  收藏  举报