两个div水平顶部对齐

分类: IT文章 • 2022-08-30 00:01:28

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

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

最终代码如下

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