妙用margin负边距

使用好margin负边距，可以巧妙的实现布局效果；全兼容，无烦恼

• 自适应宽度——参看实例自适应宽度布局
• 弹窗居中——参看实例弹窗的垂直/水平居中
• 非对称平铺——效果如下：

构思一下上面的效果图，怎么布局实现方便？

核心代码：

/* 左侧非对称平铺 */
#header,.topbg{background:url(images/bg-x.png) left 0 repeat-x;}
#header{ border-top:1px solid #ce1526;height:33px; border-bottom:1px solid #343434;position: relative;}
.topbg{ height:50px; width:50%; position:absolute;top:0; margin-left:-480px; z-index:5;}

问题及注意事项：

实践出真知