+ -
当前位置:首页 → 问答吧 → css设置div居中问题

css设置div居中问题

时间:2011-12-07

来源:互联网

我的div是这样定义的
.container {width: 970px;margin:0 auto;left: 0;right: 0;}

想实现的功能是让此div居中显示

当此div中内容高度不到一个屏幕高时此div居中

当次div中内容高度超出一个屏幕高时此div向左移动大约五个像素。


请高手解答

作者: believeyourself86   发布时间: 2011-12-07

.container {width: 970px;margin:0 auto;padding:0 auto;} 

作者: kuqijiedao   发布时间: 2011-12-07

引用 1 楼 kuqijiedao 的回复:
.container {width: 970px;margin:0 auto;padding:0 auto;}


解释一下吧,先说说我那个怎么左右动,你那padding:0 auto;没见过啊!

作者: believeyourself86   发布时间: 2011-12-07

引用 2 楼 believeyourself86 的回复:

引用 1 楼 kuqijiedao 的回复:
.container {width: 970px;margin:0 auto;padding:0 auto;}


解释一下吧,先说说我那个怎么左右动,你那padding:0 auto;没见过啊!


那是因为浏览器右侧出现了滚动条~·

作者: MuBeiBei   发布时间: 2011-12-07

其实还是居中的,只不过因为一下出现了~·右侧滚动条~·你感觉像是动了一下

作者: MuBeiBei   发布时间: 2011-12-07