您现在的位置： 网页制作教学网 >> 网页设计 >> 网页布局排版 >> 文章正文

CSS代码:

Example Source Code

#wrap{width:100;height:auto;}

#column{float:left;width:60;}

#column1{float:left;width:30;}

#column2{float:right;width:30;}

#column3{float:right;width:40;}

.clear{clear:both;}

float定位二

xhtml代码：

Example Source Code

<div id="center"class="column">

<h1>Thisisthemaincontent.</h1>

</div>

<div id="left"class="column">

<h2>Thisistheleftsidebar.</h2>

</div>

<div id="right"class="column">

<h2>Thisistherightsidebar.</h2>

</div>

CSS代码：

Example Source Code

body{

margin:0;

padding-left:200px;/*LCfullwidth*/

padding-right:190px;/*RCfullwidth CCpadding*/

min-width:200px;/*LCfullwidth CCpadding*/

}

.column{

position:relative;

float:left;

}

#center{

width:100;

}

#left{

width:200px;/*LCwidth*/

right:200px;/*LCfullwidth*/

margin-left:-100;

}

#right{

width:190px;/*RCwidth*/

margin-right:-100;

}

上一页  [1] [2] [3] [4] 

经典回顾

推荐文章

相关文章