DIV中的span內部文字排版掉落、錯位的原因及解決方法

       今天是第一次寫博客,我也是今年剛畢業,目前是webgis開發崗位。寫一下博客也是想記錄一下踩過的坑 順便分享給有需要的小夥伴們。

        今天做項目,需求是修復一下主頁鼠標移動中,左下方座標欄文字消失的bug

HTML和CSS:代碼如下

正常情況是這樣的

但是當我把鼠標移動到屏幕邊框處的時候      下面的固定面板神奇地消失了。

於是乎我在網上找了各種辦法,發現並不是函數邏輯的錯誤,而是display這個屬性從中作梗。網上各種說法:諸如 inline-block 元素可設置 vertical-align 屬性。另外,有設置line-height等於外面div的height方法,但是無法正常顯示太長的內容。

 但是這些都沒有解決我的問題

最後我發現我把子樣式中的inline-block屬性清除掉之後,問題才得以解決。

具體什麼原因我也不是特別明白,也不求甚解,以後遇到這種類似問題知道從display屬性下手就行了 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章