负外边距解决方案
负外边距解决方案远不是仅仅为元素添加负外边距这么简单。这种方法需要同时使用绝对定位和负外边距两种技巧。
下面是该方案的具体实现方法。首先,创建一个包含居中元素的容器,然后将其绝对定位于相对页面左边边缘50%的位置。这样,该容器的左外边距将从页面50%宽度的位置开始算起。
然后,将容器的左外边距值设置为负的容器宽度的一半。这样即可将该容器固定在页面水平方向的中点。
复制内容到剪贴板
代码:
#container { background: #ffc url(mid.jpg) repeat-y center; position: absolute; left: 50%; width: 980px; margin-left: -490px; }
#header .mobile-link > img{ display: none; position: absolute; left: 50%; margin-left: -60px; }