1、首先我们分析一下display:none，这个属性能使一个元素隐藏显示，隐藏属性的占据的空间也会消息，下图是官方详细的说明
3、为了更清楚的说明它们之间的区别，我将使用例子来说明，我们打开html编辑工具sublime_text（这个只要能写html就行），详细如下图
6、最后总结display:none和visibility:hidden的区别就是：display:none：隐藏一个元素，占据的空间会消失visibility:hidden：使一个元素开不见，但是占据的空间不会消失，常用在布局里面
