div层左右定位？

第一种写法.是将div 绝对定位在屏幕. 由于DIV本身的block特性.则会自动将width height 设置为100%,这一种写法呢,实际上是使div的z-index变成了顶层div设置层。这样做呢非这个div的子元素将被遮挡.

比如这样的代码.产生的效果就可能让人意外了.此时的div是 绝对与html 定位的. 已经脱离开 body 了div设置层。

而body则是有不同浏览器可能预留的其他样式.这样做就可能导致不同的浏览器不兼容而导致显示的效果不同div设置层。这一种一般比较适合用于整屏的背景. 设置成这样只会使用z-index:-1;将其变成body的下层.那么就能作为全屏的一个背景.

而第二种就比较容易把控和让人理解了

只是单纯的给宽高设置了100%. 那么元素的定位还是默认的定位.并且div看来也是在body之内的