關於div彈出層的實際應用心得

　　今天本人要作一個點擊彈出的功能，由於這個功能是最後作的，因此寫的時候很糾結， 由於本人小菜一枚， 開始嘗試用 position：relative；來作一試不行呀 ，由於用這個來作的話 會打亂原有的佈局， 而後我就又嘗試 absolute 來作，其實用絕對定位是正確的 但是我當時犯蒙，把彈出框放在html最後面 而後定位用了 top 還有left，結果absulute雖然不會影響佈局 但是位置是死的，好了 不屁話了 直接上正確的方式。

　　對了 最後我被氣的好考慮過用js來作  先獲取一個能夠隨着瀏覽器移動而移動的div的位置  而後獲取他的x，y  而後 彈出div的位置用獲取到的x，y。這雖然沒有試，可是我估計也是能夠的 可能就是麻煩點。

正確的方式應該是：html頁面

 

css頁面：

這樣寫就能保證彈出框的div不會干擾到其餘的div  位置又不是死的 不會由於瀏覽器的分辨率而發生位置變化。 可是具體深層次的緣由 仍是不太懂

歡迎大神留言不吝賜教！