本文介绍了通过CSS和DIV布局设计的基本步骤，包括页面分块、DIV设计、CSS定位以及元素添加。并以工厂型布局为例，详细说明了如何将页面划分为6个部分（Container, Header, PageBody, SideBar, MainBody, Footer）并使用CSS实现布局。"
61429849,76001,不思议迷宫命运之链定位修改技术解析,"['游戏开发', '游戏破解技术研究', '不思议迷宫']
最好的巩固知识的方式就是实践，接下来让我们做一个小的试验吧。
CSS和DIV布局设计的大体步骤
1.对页面进行分块
2.按照分块设计DIV并理清DIV层叠
3.在对个div进行CSS定位
4.在各个分块中添加元素
实例
厂子型布局，是页面设计中一种常见的布局。
效果如图：
实现的架构：
分为6个div块，Container，Header，PageBody，SideBar，MainBody和Footer。分别用id修饰。
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>厂子型布局</title>
<link rel=
最低0.47元/天 解锁文章
扫一扫
1233
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
