嗯，今天重新玩了下布局，把部分布局方式整理了一下，也就順手記了下來。（都測試過了，IE6 +,FF,opera,chromer瀏覽器現在流行的版本都支持）

?

一、三列（固寬）

<div id="container">
<div id="sideBar"></div>
<div id="sideBarS"></div>
<div id="content"></div>
</div>

?

#container{
margin: 0 auto;
width: 950px;
overflow: auto; /*在使用過程中，IE7有時候會出現問題，這時可把值改為“hidden”，清除浮動帶來的問題*/
}
#sideBar,
#sideBarS{
float: left;
width: 250px;
height: 500px;
background-color:#0CF;
}
#sideBarS{
float: right!important;
}
#content{
margin: 0 260px!important;
margin: 0 257px; /*這里主要是為了應付IE6*/
height: 500px;
background-color:#06F
}

二、單行單列（高寬均100%）

?

嗯，這種情況不算少用，特別是彈出的DIV塊時就用到了

?

<div id="container"></div>

?

html,body{
padding: 0;
margin: 0;
height: 100%;
}
#container{
width: 100%;
height: 100%;
background-color:#06C;
}

轉載于:https://www.cnblogs.com/lcq6130/archive/2010/05/28/1746164.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的一些布局的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。