第一种: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