CSS自适应窗口大小实现内层容器水平垂直居中-优快云博客

本文链接：https://blog.youkuaiyun.com/master3003/article/details/84043389

　CSS自适应窗口大小的容器居中，在内层的容器中，你可以输入一些文字，内层窗口会随着窗口的大小而自动适应，而且它始终是水平和垂直居中的，实用性大大增强，对此感兴趣的朋友好好参考一下哦。
<html>
<head>
<style type="text/css">
*{margin:0; padding:0;}
html,body{width:100%; height:100%;overflow:hidden;}
body{margin:100px 0 0 100px;position:relative;}
.wrap{height:100%; width:100%; background:#ccc; position:absolute;
bottom:200px; right:200px;}
.cont{margin:200px 0 0 200px;}
</style>
</head>
<body>
<div class="wrap"><div class="cont">烈火学院（www.veryhuo.com）以提供计算机知识、网站运营、软件应用、设计教程、编程开发与IT资讯等为主要宗旨，同时有源码下载、站长工具、在线手册、免费资源等内容，是国内快捷易懂、内容丰富的网上学习网站。
</div></div>
</body>
</html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>