2007年9月10日星期一

使用负外边距来让容器居中

  现在广泛使用的实现容器居中的方法就是自动外边距,即:#container {
margin:0 auto;
width:800px;
}
  但这种被认为最合理、最正确的方法却不一定有最佳的浏览器兼容性(低于6.0版本的IE浏览器不支持,令人欣慰的是现在的浏览器都能很好地支持自动外边距),因此禅意花园30号作品的设计师采用了一种出乎人们意外的解决方案--绝对定位+负外边距。代码如下:#container {
position:absolute;
left:50%;
width:800px;
margin-left:-400px;
}

  以上摘自自由部落

  我在办公室的firefox不知道为什么在footer使用第一种居中方法没有产生应有的效果,但是在家中完全正常。为了兼容性更好一点,因此采用了第二种居中方法。

1 个无聊的人:

jackie teh 说...

多谢分享,其实我经常都有引用你的介绍。