码迷,mamicode.com
首页 > 其他好文 > 详细

格式和布局

时间:2016-08-21 22:44:53      阅读:184      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!