关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

如何利用定位实现布局

作者:佚名   时间:2012-10-26   分享到:

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


 



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/help/20151126/n1184.html

上海联楷网络新闻