讓兩個Div併排顯示的方法

2021-07-16 19:06:45 字數 757 閱讀 6010

讓兩個div併排顯示

示例**：

style="width:300px; height:auto; float:left; display:inline">aaaadiv>


style="width:300px; height:auto; float:left; display:inline">bbbbdiv>
示例**:



#left,#right


style>


id= "main ">


id= "left "> 1111 div>


id= "right "> 2222 


2222 


2222 div>


style="clear:both">


div>


div>
左邊的固定寬度的一塊position:absolute，然後right的一塊width為百分百

使用position:absolute。**如下。

示例**:



body


html


/*相容firefox的div高度100%*/


#left


#right


style>


id="left">leftdiv>


id="right">rightdiv>
頁面布局的時候，position:absolute如果靈活的應用，可以達到很好的效果

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

樣式 讓兩個Div併排顯示

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