时间：2021-07-01 10:21:17 帮助过：28人阅读
使用display:none隐藏outB
使用visibility:hidden隐藏outB
对比结果可以很容易得出结论：display:none，元素实际上就从页面中移走了，它后面的元素就会自动上移；而visibility:hidden，则仅仅隐藏该元素，它占据的页面空间依然存在。
对于outB元素，如果将display和visibility组合使用会是什么结果呢？
display:block;visibility:hidden; outB看不见，但仍然占页面空间。
display:none;visibility:hidden; outB看不见，也不占页面空间。
display:none;visibility:visible; outB看不见，也不占有空间。
display:block;visibility:visible; outB可见，肯定占有空间。
上面的测试结果，在IE11/FF17/Chrome39下表现都是一致的。