现在广泛使用的实现容器居中的方法就是自动外边距,即:#container {
但这种被认为最合理、最正确的方法却不一定有最佳的浏览器兼容性(低于6.0版本的IE浏览器不支持,令人欣慰的是现在的浏览器都能很好地支持自动外边距),因此禅意花园30号作品的设计师采用了一种出乎人们意外的解决方案--绝对定位+负外边距。代码如下:
margin:0 auto;
width:800px;
}#container {
position:absolute;
left:50%;
width:800px;
margin-left:-400px;
}
以上摘自自由部落。
我在办公室的firefox不知道为什么在footer使用第一种居中方法没有产生应有的效果,但是在家中完全正常。为了兼容性更好一点,因此采用了第二种居中方法。
2007年9月10日星期一
使用负外边距来让容器居中
订阅:
博文评论 (Atom)
1 个无聊的人:
多谢分享,其实我经常都有引用你的介绍。
发表评论