<.>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index4</title>
</head>
<body>
<div>
<!--display:none是隐藏元素，隐藏后它并不会再占用之前所占的区域(也就是说，连它自己的位置都隐藏掉了)-->
<div style="display:none">小苹果</div>
<!--visibility:hidden是隐藏元素，隐藏后，它还会占用之前所占的区域（也就是说仅仅是隐藏它自己的外观，并不会隐藏自己的位置）-->
<div style="visibility:hidden">圣女果</div>
</div>
</body>
</html>版权声明：本文为博主原创文章，未经博主允许不得转载。
display:none | visibility:hidden 的区别
原文：http://blog.csdn.net/fanbin168/article/details/46768183