请帮我写一个简单的DIV+CSS网页布局例子

来源：百度知道 编辑：UC知道 时间：2024/09/22 09:49:14
浏览器：IE6
要求：
有4个DIV层·DIV1,DIV2,DIV3,DIV4
DIV1为DIV2,3,4的父层·
DIV2,3,4在DIV1中按左中右排列为3列·

楼上的也太复杂了，什么都贴出来了？— —

页面代码
<div class="content">
<div class="left"></div>
<div class="mid"></div>
<div class="right"></div>
</div>
css文件
.content{
width:800px;
magin:0 auto;
}
.left{
float:left;}
.mid{
float:left}
.right{
float:left}

CSS

/*基本信息*/
body {font:12px Tahoma;background:#CCCCCC;}/*适用于页面整体：字体及字体大小，页面页边距全部设置为0，文字对齐方式为居中，背景颜色*/
* { margin:0; padding:0; border:0;}/*全局设定，外边距，内边距和表格边框全部为0*/
html,body { height:100%;} /*全局设定高度为100％*/
/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－*/
/*页面主体*/
#pagebody {
width:780px; /*设定宽度*/
margin:0px auto; /*居中*/
}
#mainleft {
width:192px; /*设定宽度*/
float:left; /*浮动居左*/
clear:left; /*不允许左侧存在浮动*/
overflow:hidden; /*超出宽度部分隐藏*/
border:1px solid #006699;