4.1

轮廓(outline)不参与布局,边框(border)参与布局
4.2
许多初学者(包括我)不了解的:margin:0 auto指的是上下外边距为0,相对父元素水平居中
4.6
相邻清除 clear:both,用来遏制前面元素的浮动效果
(额,就是说假设前面所有元素都浮起来,后添加的元素(默认样式的情况下)会居于左上角,而不是浮动元素的下方,clear:both可使元素居于浮动元素下方)
(文字表达能力低下..请见谅,不懂的可以评论,我会尽力回答)
position默认值为static
(关于清除浮动的方法可以查看我的另一篇博文 http://willkan.blog.51cto.com/3904004/1028810)
4.9
要实现带分隔符的分栏，可以先把带分隔符的背景设置好，再移动元素至适当位置
4.11
通过设置适当的margin可以实现元素的排列顺序独立于文档源代码（html）的顺序
4.12
加入position:relative后,我们可以给元素加入一个相对偏移量(right,top,bottom,left)来达到放置元素的目的
4.13
width,height使用百分比时别忘了设置min-width,min-height
4.14
基于em布局的核心思想就是保持每行的长度以及相对放置位置,无论浏览器窗口多大.
4.15
可通过设置负外边距来实现文字居于直线中间(覆盖直线)
4.18
固定页头有一个潜在问题:按下键盘上的翻页键时每次会调过跟浏览器窗口高度相等的距离,也就是说,每次翻页的时候用户都会错过几行内容(错过内容高度和页头高度相等)
不完美的解决方案:把页头之外的内容用容器包起来,并把容器的position设为fixed,将其放置在页头下方.但这方案带来一个问题,滚动条可能出现在容器中(个人认为这种滚动条超丑的)