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

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

header {

position: absolute;

top: 100px;

left: 100px;}

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

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

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