- <body>
- <div>display:元素的位置不被占用</div>
- <div id="div1" style="display:block;">DIV 1</div>
- <div id="div2" style="display:none;">DIV 2</div>
- <hr>
- <div>visibility:元素的位置仍被占用</div>
- <div id="div3" style="visibility:visible;">DIV 3</div>
- <div id="div4" style="visibility:hidden;">DIV 4</div>
- </body>
总结
display元素位置不被占用(不管是否被隐藏)
visibility元素位置被占用(不管是否被隐藏)