两个div水平顶部对齐

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/lsm135/article/details/80168408

方法

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>

展开阅读全文

没有更多推荐了,返回首页