1.display:none和visibility:hidden的区别1.1空间占用1.2回流和渲染1.3参与2.空间占用display:none隐藏元素do不占用任何空间，被visibility:hidden隐藏的元素空间依然存在。3.回流和渲染display:nonehidden产生回流和重绘（reflowandrepaint），而visibility:hidden只产生重绘。3.含义display:none是一种明显的“影响”表述：一旦父节点元素应用display:none，父节点及其后代节点元素都是不可见的，无论其子孙元素如何顽强斗争是，这将无济于事。4.隐藏失效如果对后代元素应用visibility:visible，后代元素不仅不会隐藏，还会出现。代码示例阅读更多
