当前位置：首页 → 问答吧 → 绝对定位垂直居中问题！

绝对定位垂直居中问题！

时间：2008-12-19

来源：互联网

现在，由于我的显示器分辨率过小（1024*768），导致垂直居中时，图片向上移动，导致看不到一部分，如图1（看不到效果的把显示器分辨率调低）
显示器分辨率的高度大于图片高度时正常的. 如图2

原因：top：50%；只是浏览器窗口高度的50%，所以当图片高度大于浏览器窗口高度时，margin-top:XXpx;就会向上移！造成这种想象！

那么要怎么样解决哦？？？？谢谢！！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Merry Christmas & Happy New year</title> <style type="text/css"> * { margin:0; padding:0; } #mh{ width:750px; height:798px; position:absolute; top:50%; left:50%; margin-left:-375px; margin-top:-399px; } </style> </head> <body > <div > <div id="mh"> <img src="http://bbs.blueidea.com/attachment.php?aid=107864&k=c2977de29e8395613bf3cb1a166c2666&t=1229655205" height="797" width="750" /> </div> </div> </body> </html>
提示：您可以先修改部分代码再运行

[ 本帖最后由 twming 于 2008-12-19 11:00 编辑 ]