讓兩個div併排顯示
示例**:
示例**:style="width:300px; height:auto; float:left; display:inline">aaaadiv>
style="width:300px; height:auto; float:left; display:inline">bbbbdiv>
左邊的固定寬度的一塊position:absolute,然後right的一塊width為百分百
#left,#right
style>
id= "main ">
id= "left "> 1111 div>
id= "right "> 2222
2222
2222 div>
style="clear:both">
div>
div>
使用position:absolute。**如下。
示例**:
頁面布局的時候,position:absolute如果靈活的應用,可以達到很好的效果
body
html
/*相容firefox的div高度100%*/
#left
#right
style>
id="left">leftdiv>
id="right">rightdiv>
讓兩個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...