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

关于唯典冰淇淋新闻页的布局

时间:2017-05-23 10:17:57      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:通过   head   文档流   z-index   覆盖   布局   冲突   窗口   bsp   

关于唯典冰淇淋新闻页的布局关于唯典冰淇淋新闻页的布局关于唯典冰淇淋新闻页的布局关于唯典冰淇淋新闻页的布局关于唯典冰淇淋新闻页的布局关于唯典冰淇淋新闻页的布局关于唯典冰淇淋新闻页的布局关于唯典冰淇淋新闻页的布局关于唯典冰淇淋新闻页的布局关于唯典冰淇淋新闻页的布局关于唯典冰淇淋新闻页的布局

//绝对定位,脱离文档流,以窗口文档左上角 0,0 为起点

header {

position: absolute;

top: 100px;

left: 100px;}

所谓脱离文档流的意思,就是本身这个元素在文档流是占位的。如果脱离了,就不占有文档的位置,好像浮在了空中一般,有了层次感。

由于绝对定位脱离了文档流,出现层次概念。那么每个元素到底在那一层,会不会冲突覆盖。这时通过 z-index 属性来判定它们的层次关系。

 

关于唯典冰淇淋新闻页的布局

标签:通过   head   文档流   z-index   覆盖   布局   冲突   窗口   bsp   

原文地址:http://www.cnblogs.com/fioxb/p/6892514.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!