网页布局的方式

第一种：DIV+CSS

利用div的方式来划分页面布局，很简单，主要是对样式的运用，这里先来普及下margin标签和padding标签的作用，这两个标签都是相对而言的，容易搞混淆。

margin

margin：外边距，该属性有四个值。
例子1：margin:10px 5px 15px 20px;
上外边距是 10px
右外边距是 5px
下外边距是 15px
左外边距是 20px
一般四个值都赋值的情况下，分别表示上右下左的顺序，把它理解成顺时针就可以了

例子2：margin:10px 5px 15px;
上外边距是 10px
右外边距和左外边距是 5px
下外边距是 15px

例子3：margin:10px 5px;
上外边距和下外边距是 10px
右外边距和左外边距是 5px

例子4：margin:10px;
所有 4 个外边距都是 10px

padding

例子1：padding:10px 5px 15px 20px;
上内边距是 10px
右内边距是 5px
下内边距是 15px
左内边距是 20px

例子2：padding:10px 5px 15px;
上内边距是 10px
右内边距和左内边距是 5px
下内边距是 15px

例子3：padding:10px 5px;
上内边距和下内边距是 10px
右内边距和左内边距是 5px

例子4：padding:10px;
所有 4 个内边距都是 10px

具体示例参考链接：https://jingyan.baidu.com/article/d8072ac495ae28ec95cefdca.html

方式二：frameset

详情请参考：https://www.cnblogs.com/xiaohuochai/p/5047343.html#anchor6