div的display和visible的区别

div的display和visible的区别

visibllity控制元素是否可见，display控制元素如何显示。

调整visibllity，控制元素可以被看到或者不能看到。
调整display，控制元素与其他相邻元素的相对位置关系。有点像Word里面插入图片的各种布局方式。

举个例子：
当visibllity可见时，display为none，该元素看不到并且不占位，其他元素会顶替它的位置。
当visibllity不可见时，display不为none，该元素看不到，但是占位，其他元素不会顶替它的位置。

更多的属性搭配，你可以写个简单的例子。然后在浏览器的调试模式下，直接修改看效果，这样会更直观的理解区别。