div嵌套控制大小和定位问题
要求蓝色框的高度、宽带根据浏览器自适应的。灰色框四边与蓝色框四边的边距是固定的。请问大侠怎么用div+css实现（div+js也可以）。...
要求蓝色框的高度、宽带根据浏览器自适应的。灰色框四边与蓝色框四边的边距是固定的。请问大侠怎么用div+css实现（div+js也可以）。
展开
2个回答
展开全部
<!-- css样式 -->
<style type="text/css">
body{position: relative;}
body,html{width: 100%;height: 100%;}
.boxmax{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;background: #32A0E2;}
.boxmin{width: 500px;height: 500px;position: absolute;top: 50%;left: 50%;margin-left: -250px;margin-top: -250px;background: #9C9C9C;z-index: 1;}
</style>
<!-- div布局 -->
<div class="boxmax">
<div class="boxmin"></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>无标题文档</title>
<style>
html,body{ height:100%;}
body{ margin:0;}
.big{ width:100%;height:100%; background:#3CF;}
.small{position: absolute; left:40px; top:40px; bottom:40px; right:40px; background:#eee;}
</style>
</head>
<body>
<div class="big">
<div class="small">
</div>
</div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
