2个DIV制作十字架

最新推荐文章于 2023-12-07 09:43:02 发布

joannazhu

最新推荐文章于 2023-12-07 09:43:02 发布

阅读量4.7k

点赞数

分类专栏： HTML/CSS 文章标签： div html ie 测试

本文链接：https://blog.youkuaiyun.com/zhu1988renhui/article/details/7536123

版权

HTML/CSS 专栏收录该内容

13 篇文章

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>十字架制作</title>
<style type+"text/css">
body
{
    margin:0;
    height:100%;
    width:100%;
}   
#h
{	
    width:100%;
    height:50px;
    background:red;
    position:absolute;
    top:50%;
    margin-top:-25px;	
}
#v
{
    width:50px;
    height:100%;    
    position:absolute;
    left:50%;
    margin-left:-25px;
    background:red;
}
</style>
</head>
<body>
    <div id="h"></div>
    <div id="v"></div>
</body>
</html>

刚测试时发现在IE下水平居中的DIV无法显示高度，原来IE6下的body不是100%的默认高度