html 纯ccs弹窗口,CCS页面基本布局(一)

无标题文档

body{

margin:0px;

}

#box{

width:750px;

height:1000px;

margin:auto;

}

#head{

width:750px;

height:150px;

background:#00FFCC;

}

#mid{

width:750px;

height:700px;

background:#33CCFF;

}

#mid_left{

width:350px;

height:700px;

float:left;

}

#mid_right{

width:400px;

height:700px;

float:left;

}

#foot

{

width:750px;

height:150px;

background:#00FFCC;

}

此处显示 id "head" 的内容

此处显示 id "mid_left" 的内容

此处显示 id "mid_right" 的内容

此处显示 id "foot" 的内容

可放到DW中看看效果,或者保存为html页面查看即可..