讓兩個Div併排顯示的多種方法

讓兩個div併排顯示

一、使用display的inline屬性

複製**

**如下:

aaaa

bbbb

二、通過設定float來讓div併排顯示

複製**

**如下:

1111

2222

2222

2222

三、對程式設計客棧於兩個div併排，左邊為絕對寬度，右邊為相對寬度的，需要用到這種布局的情況比較多見，如左邊為導航，右邊為內容的頁面

1、將最大的容器padding-left固定寬度，左邊的固定寬度的一塊position:absolute，然後right的一塊width為百分百

2、 使用position:absolute。**如下。

複製**

**如下:

left

right

這段**主要涉及到以下兩點點比較重要的：

（1）相容firefox實現div高度100%；

（2）div絕對定位的妙用；在頁面布局的時候，position:absolute如果靈活的應用，可以達到很好的效果。

本文標題: 讓兩個div併排顯示的多種方法

本文位址:

讓兩個Div併排顯示的方法

讓兩個div併排顯示 示例 style width 300px height auto float left display inline aaaadiv style width 300px height auto float left display inline bbbbdiv 示例 left,...

讓兩個Div併排顯示

一 使用display的inline屬性 aaaa bbbb 二 通過設定float來讓div併排顯示 1111 2222 2222 2222 三 對於兩個div併排，左邊為絕對寬度，右邊為相對寬度的，需要用到這種布局的情況比較多見，如左邊為導航，右邊為內容的頁面 1 將最大的容器padding l...

讓兩個Div併排顯示

一 使用display的inline屬性 html divstyle width 300px height auto float left display inline aaaa div divstyle width 300px height auto float left display inli...