今天是第一次寫博客,我也是今年剛畢業,目前是webgis開發崗位。寫一下博客也是想記錄一下踩過的坑 順便分享給有需要的小夥伴們。
今天做項目,需求是修復一下主頁鼠標移動中,左下方座標欄文字消失的bug
HTML和CSS:代碼如下
正常情況是這樣的
但是當我把鼠標移動到屏幕邊框處的時候 下面的固定面板神奇地消失了。
於是乎我在網上找了各種辦法,發現並不是函數邏輯的錯誤,而是display這個屬性從中作梗。網上各種說法:諸如 inline-block 元素可設置 vertical-align 屬性。另外,有設置line-height等於外面div的height方法,但是無法正常顯示太長的內容。
但是這些都沒有解決我的問題
最後我發現我把子樣式中的inline-block屬性清除掉之後,問題才得以解決。
具體什麼原因我也不是特別明白,也不求甚解,以後遇到這種類似問題知道從display屬性下手就行了