另一种方式实现京东顶部宽度全屏

京东顶部有一个导航栏，一个可以关掉的广告，还有一条花纹。这个任务应该不难。
不过网页内容都是居中的，唯有顶部的板块宽度为屏幕宽度。如果我们把整个网页都做成div里面再套一个div，然后让里面的div margin=auto。那么顶部两边该怎么做呢？
1.我们可以不用把整个网页都囊括进margin=auto的框架内，顶部和下边分开做，至于最顶部内容也是居中，我们可以再用div margin=auto的方法。

2.方法一显得有些麻烦，我们不如还是把整个网页都囊进一个div里面，顶部两边我们做两个div块，颜色、宽高都和中间的风格一致，定位到相应的位置即可。
3. ...

其实京东红色广告本身也不是一张图片。我们把鼠标移到广告上鼠标cursor是pointer，可以进入广告链接，移到两边并无效果，可见那两边的只是一个样子而已。而且把广告图片下载，宽度只有1210px，和内容宽度一致。验证了我们的猜想。

这个例子也给我们启示，设计方法不唯一，在设计的过程中，我们只要让用户察觉不到区别即可，不必过分追求网页代码的结构层属关系。