一些布局

嗯，今天重新玩了下布局，把部分布局方式整理了一下，也就顺手记了下来。（都测试过了，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;
}