首页 > 代码库 > 布局自适应

布局自适应

当我们要给一个页面自适应,所有的都要用上百分比的时候,往往给最外面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>

 

布局自适应