盒子定位

我觉得 定位问题应该是一个重难点，于是今天就自己所看的内容总结一下。盒子的定位包括静态定位，相对定位，绝对定位和固定定位。定位允许定义元素相对于其正常位置，或父级元素，另一个元素或浏览器本身 

 1.静态定位，盒子定位为静态定位时，默认值是static,元素框正常生成，块级元素生成一个矩形框。

         2.相对定位，position:relative时是相对定位，表示该元素框偏移某个距离，元素仍保持定位前的情况，它原本占的空间保留。relative这种定位方式是基于他本身原来的位置来定的，而且不会影响其他的盒子，不管是邻居还是父级层

         3.绝对定位position:absolute;该元素框从文档流被完全删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始包含块，也就是盒子元素以最近的一个已经定位（设置了position属性）的祖先元素为基准进行偏移，如已经定位的祖先元素就以浏览器为主

         4.固定定位position:fixed是以浏览器窗口为基准进行定位的。 

           偏移设置为left，right,bottom,top;

           最后一点应该就是一些细节的问题了，比如背景图片小了就要设置background-size:100%;以及a标签去掉下划线的text-decoration:none;以及高度一般不用百分比等问题。以后写网页之前要构思，框架怎么样，怎样设置布局与定位。