1.opacity:0只是把元素隱藏起來(lái)了 ,但是還是占有布局,所以還是對(duì)布局有影響
<div class="div1">snda:opacity:0只是把元素隱藏起來(lái)了 ,但是還是占有布局,所以還是對(duì)布局有影響</div><p>ppskdkad</p>
.div1{opacity: 0;width:200px;height:200px;border:1px solid red;}
2.visibility:hidden還是只是把元素隱藏了,但是還是占有布局
<div class="div2">這是第二個(gè)div visibility:hidden還是只是把元素隱藏了,但是還是占有布局</div><p>看看效果</p>
.div2{visibility: hidden;width:200px;height:200px;border:1px solid red;}
3.display:none不會(huì)影響到布局
<div class="div3">這是第三個(gè)DIV display:none不會(huì)影響到布局 </div><p>不信你看</p>
.div3{display: none;width:200px;height:200px;border:1px solid red;}
4.position:absolute不會(huì)影響到布局
<div class="div4">這個(gè)是第四個(gè)div 我覺(jué)得也不會(huì)影響到布局 但是到底會(huì)不會(huì) 一起來(lái)看看吧 果然這個(gè)也不會(huì)影響到布局 </div><p>看看</p>v
.div4{position: absolute;top:-9999px;left:-9999px;width:200px;height:200px;border:1px solid red;}
以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,同時(shí)也希望多多支持武林網(wǎng)!
新聞熱點(diǎn)
疑難解答
圖片精選