布局自适应

weixin_30799995

于 2015-01-19 10:49:00 发布

阅读量56

点赞数

文章标签： xhtml

原文链接：http://www.cnblogs.com/yanwen2015/p/4233195.html

版权

当我们要给一个页面自适应，所有的都要用上百分比的时候，往往给最外面div加百分比时无效，究其原因是它是相对父级的，外层（父级）的元素必须指定height(百分比)

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
        html, body {
            width:100%;
            height:100%;
            margin:0px;
            padding:0px;
        }
        #one {
            width:50%;
            height:50%;
            background-color:silver;
            margin:auto;
        }
    </style>
</head>
<body>
    <div id="one"></div>
</body>
</html>