一位被互联网耽误的文艺青年

有人说,生命是晚霞衬红日,青松立峭壁,万里黄沙落秋雁,三月阳春映白雪,是金刀宝马,是银貂美酒,是皓月清歌的漂泊……

未知高度div 垂直居中的问题

未知高度div 垂直居中的问题

<!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>CSS布局技巧:未知高度div 垂直居中的问题</title>
<style type=”text/css”>
html,body{height:100%;padding:0;margin:0;}
.mid{min-height:200px;text-align:center;width:100%;height:100%;}
.FirstDIV{margin-top: -100px;/* SecondDIV高度的一半 */width:100%;height: 50%;}
.SecondDIV{border:silver 1px solid;background:#eee;margin:0 auto;overflow:auto;width:700px;height:200px;line-height:200px;text-align:center;}
</style>
</head>
<body>
<div class=”mid”>
<div class=”FirstDIV”></div>
<div class=”SecondDIV”>
看看,这不就居中了。。而且没有问题哦。
</div>
</div>
</body>
</html>

oldmyth