本文介绍了一种使用WebIDE进行网页布局的方法，通过具体的CSS样式设置实现了独特的页面结构。包括了不同区域如左栏、右栏及主要内容区的具体样式定义。
Title
*{
box-sizing: border-box;
}
body{
padding: 20px;
background: #eee;
}
div{
border: 1px solid #999;
}
.content{
height: auto;
overflow: hidden;
width: 100%;
padding-left:240px ;
padding-right: 160px;
padding-top: 20px;
padding-bottom: 20px;
}
.left{
width: 200px;
float: left;
margin-left: -220px;
}
.right{
width: 120px;
float: right;
padding-top: 20px;
margin-right: -140px;
}
.center{
width: 100%;
height: 100%;
padding: 20px;
float: left;
}
.right div{
width: 80px;
height: 80px;
margin: 0 auto 20px auto;
}
.left div{
width: 80px;
height: 80px;
margin: 20px;
}
啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
一键复制
编辑
Web IDE
原始数据
按行查看
历史
扫一扫
1460
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
