<!doctype html>
<html>
<head><title>元素的隐藏和显示</title></head>
<style type="text/css">
.hid{ display:none;}
</style>
<body>
<div class="hid">div块一</div>
<div>div块二</div>
<!--
知识点一：元素的隐藏
使用：display:none; 隐藏一个元素。
说明：这种隐藏相当于消失了，位置会被其他元素取代。
知识点二：隐藏的元素如何显示
直接把 display:none去掉。
-->
</body>
</html>
原文：http://www.cnblogs.com/lison-note/p/7482694.html