<div class="div1">snda:opacity:0只是把元素隱藏起來了 ，但是還是占有布局，所以還是對布局有影響</div><p>ppskdkad</p>

.div1{opacity: 0;width:200px;height:200px;border:1px solid red;}

<div class="div2">這是第二個div visibility:hidden還是只是把元素隱藏了，但是還是占有布局</div><p>看看效果</p>

.div2{visibility: hidden;width:200px;height:200px;border:1px solid red;}

<div class="div3">這是第三個DIV display:none不會影響到布局 </div><p>不信你看</p>

.div3{display: none;width:200px;height:200px;border:1px solid red;}

<div class="div4">這個是第四個div 我覺得也不會影響到布局 但是到底會不會 一起來看看吧 果然這個也不會影響到布局 </div><p>看看</p>v

.div4{position: absolute;top:-9999px;left:-9999px;width:200px;height:200px;border:1px solid red;}