如何利用定位实现布局

时间：2012-10-26

  和浮动属性相比,利用位置属性进行页面布局的情况在实际中使用得并不多见,但是它的确可以进行页面布局,利用定位实现分栏式而已需要如下几个步骤.
1.划分逻辑区域
  首先将页面不同区域的内容旋转在单独的div元素中,并设定好id属性,有时可能还会增加额外的div,作为其他元素的容器.
2.设置的位置属性
  将作为窗口使用的div元素的position属性设为relative,目的是让其内部元素能正确定位.然后将侧栏的position属性设为absolute,并根据需要确定其位置.
3.处理其余栏
  对于其余栏,可根据需要设置左右边距,把覆盖在侧栏下面的内容显示出来.