本文介绍一下，用div标签进行网页排版的方法。
工具/原料
1
电脑
2
浏览器
3
runoob测试页
4
notepad
方法/步骤
1布局效果见下图。
代码是：
标题
内容
2
下面，我们逐层来认识这个代码。把这个代码复制到notepad里面，可以看到，第一个
标签和最后一个
标签是一对。也就是说，别的标签都是嵌套在这个里面。注意：当鼠标放在某个标签上，与之配对的标签会高亮显示；
标签，表示一个区块。
3
把内层所有的区块删掉，只保留最外层区块（粗体部分）：
id="container"表示这个区块是一个容器；style="width:365px"表示容器的宽度是365个像素，高度不限。由于没有内容，所以在网页里面看不到任何内容。4其中：id="header"表示这是一个标题；style="background-color:green;"表示这个区块的背景色是绿色；这个区块的宽度与容器宽度一样，这是一种自适应的宽度；这个区块的高度，取决于字体。
在容器里面加入标题：
标题
5
再加入一个菜单区块：
其中：id="menu"表示这是一个菜单；style="background-color:pink;"表示背景色是粉色；height:100px;width:80px;表示区块高100像素，宽80像素；float:left;表示这个区块位于容器左侧。6
如果菜单的内容超过了区块的范围，区块不会随之变大：
7
正文区块，用来输入文字内容：
内容
注意：这个区块没有指定位置，所以，它会紧贴上一个模块，且顶端持平。8
但是，如果两个并排的区块的宽度之和大于容器的宽度，后面的区块就会被迫换行。
9
当某个区块的宽度大于容器的宽度，容器只能纵容它。
10
容器用footer来封底：
注意：封底的区块，高度和宽度，都是自适应的。注意事项
这所有的网页布局，就是简单的拼凑。
上一篇：如何选择家庭健身房地垫？
推荐信息
- 1
如何用DW来做网页排版
- 2
如何用DIV+CSS进行网页样式布局
- 3
用div标签确定网页布局的方法
- 4
服装搭配技巧要点
- 5
三国乱世武将觉醒攻略
- 6
桑蚕丝掉色怎么办
- 7
国师是一个什么职位
- 8
给老妈买了件真丝衣服，怎么叠放能防皱啊
- 9
缤纷裙带菜虾饼的做法
- 10
胡桃木怎么辨别
- 11
蚕是昆虫吗
- 12
光遇10.7复刻先祖与公主头先祖介绍2021一览
- 13
司空见惯的空怎么解释
- 14
秦皇汉武如何晋升官职提升领地上限
- 15
古代人的字号由来
- 16
聊呀如何启用隐藏爵位等级
- 17
多闻阙疑虑，慎言其余，则寡尤的意思
- 18
包青天是几品官呢
- 19
五年级语文课玩第一课草原大文章结构是什么
- 20
努力的学习成绩却怎样都提不高
- 21
新概念英语等级考试如何划分等级
- 22
司和司马是一个姓吗
- 23
掌握哪些技巧提高英语的听力