在HTML中讓兩個div並排顯示，通常情況下有三種實現方式，包括:
（1）設置為行內樣式，display:inline-block
（2）設置float浮動
（3）設置position定位屬性為absolute
以下為三種方式的具體實現代碼：
個人覺得float浮動方式比較好用。
1、設置每個div的展現屬性為行內樣式，示例代碼為：
<div class="app">
<div style="display:inline-block;background:#f00;">div1</div>
<div style="display:inline-block;background:#0f0;margin-left:10px;">div2</div>
</div>
2、設置float浮動，示例代碼為：
<div class="app">
<div style="float:left;background:#f00;">div1</div>
<div style="float:left;background:#0f0;margin-left:10px;">div2</div>
</div>
3、設置position定位屬性為absolute, 示例代碼為：
<div class="app">
<div style="position: absolute;width:100px;background:#f00;">div1</div>
<div style="position: absolute;left:100px;background:#0f0;margin-left:10px;">div2</div>
</div>