關於利用position定位在頁面正中心的問題(還有一個z-index的知識點)
阿新 • • 發佈:2019-01-12
扯點沒有用的:
今天做專案的時候,突然發現了一個問題:position定位還沒有完全掌握。
為什麼這麼說呢?因為今天我想把一個登入框不依靠js居中於整個頁面,我沒有任何思路。
切入正題:
關於position定位,有個很重要的點:定位定的只是一個框框的左上角。 當我們用了position:absolute之後,這個框框就具備的絕對定位的能力。 如果我們用了left:50% top:50%後,其實這個框框的左上角的點已經在螢幕的正中心了。但是此時,也僅僅是左上角的點在螢幕的正中心。而我們要的是框框在正中心。這該怎麼做到呢? 其實思路很簡單: ①我們先看一下這個框框的寬和高,如果沒有的話就自己設定一個。------------------------------------------------------------------分割線-----------------------------------------------------------