1.opacity:0只是把元素隱藏起來了 ，但是還是占有布局，所以還是對布局有影響
| <div class="div1">snda:opacity:0只是把元素隱藏起來了 ，但是還是占有布局，所以還是對布局有影響</div><p>ppskdkad</p> |
| .div1{opacity: 0;width:200px;height:200px;border:1px solid red;} |
2.visibility:hidden還是只是把元素隱藏了，但是還是占有布局
| <div class="div2">這是第二個div visibility:hidden還是只是把元素隱藏了，但是還是占有布局</div><p>看看效果</p> |
| .div2{visibility: hidden;width:200px;height:200px;border:1px solid red;} |
3.display:none不會影響到布局
| <div class="div3">這是第三個DIV display:none不會影響到布局 </div><p>不信你看</p> |
| .div3{display: none;width:200px;height:200px;border:1px solid red;} |
4.position:absolute不會影響到布局
| <div class="div4">這個是第四個div 我覺得也不會影響到布局 但是到底會不會 一起來看看吧 果然這個也不會影響到布局 </div><p>看看</p>v |
| .div4{position: absolute;top:-9999px;left:-9999px;width:200px;height:200px;border:1px solid red;} |
以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持錯新站長站！
新聞熱點
疑難解答
