1.常见网页布局

先是最经典的头身尾布局,从上到下一次排列,再用浮动横向排列。
image.png
然后是最常用的带有顶部导航栏和底部鸣谢框的布局
image.png

几个注意点:

  1. 只要是需要和浏览器同宽度的块,就只需要设置高度height即可,块的默认宽度就是全屏。
  2. 中间盒子部分可以用无序列表 ul 和 li 来做,不过需要在 li 的样式中将无序列表的点去除。
  3. 中间盒子组中的最右边一个盒子不需要设置右边的外边距,可以单独用一个类删除右边的外边距。