首页 > 其他 > 详细

格式和布局

时间:2016-08-21 22:42:54      阅读:196      评论:0      收藏:0      [点我收藏+]

1.position:fixed

  作用:锁定位置(相对于浏览器窗口)

技术分享

技术分享

2.position:absolute

1)、外层没有position:absolute(relative);那么div相对于浏览器定位。

2)、外层有position:absolute(relative);那么div相对于外层边框定位。

技术分享

技术分享

技术分享

3.position:relative

技术分享

相对于默认位置的移动。如上图,a在用relative移动前的位置,aa为用relative移动后的位置,aa距原位置上部间距50像素,距原位置左边距20像素。

4、分层(z-index)

    在z轴方向分层,层数越高越靠上。

技术分享

技术分享

5、float:left、right

技术分享

技术分享

 

隐藏,显示

技术分享

技术分享

 

格式和布局

原文:http://www.cnblogs.com/miracle-0807/p/5793775.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!