1. 程式人生 > >兩個div水平頂部對齊

兩個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>