今天敲**的時候 遇到了乙個問題 就是在寫乙個購物小程式的時候 訂單那一塊有乙個徽標 當時記得小程式好像是有元件的 但是沒找到 就手動寫了乙個 看上去效果是實現了 樣子還不錯
但是當我退出登入 從頭開始測試小程式的時候 發現了乙個問題
下邊的小徽標和icon 因為設定了position屬性的 relative和absolute 脫離了標準文件流，把彈出來的授權框框覆蓋了
給父元素設定寬高 （這個是最常見的 但是針對於這種情況 是不起作用的）
給被覆蓋的元素也設定position：relative
這個方法 不知道在其他情況下有沒有有用，但是在這種情況下 依舊是無效的這是剛開始寫的位置 因為覺得方便 寫到了最上邊
更改過後 放到了最後
將被覆蓋的** 放到整體**最後 覆蓋之前的**
這個最簡單的方法 不需要設定任何樣式 但是成功了 因為是彈框 所以放到**都可以 不需要考慮布局
這就是最終的效果
算是乙個坑吧 以後就長記性了
每天乙個小知識點，加油！
position 脫離文件流導致的問題
我們知道如果使用position absolute和position fixed都會導致元素脫離文件流，由此就會產生相應的問題。舉例如下 doctype html html head title position title style div1 div2 style head body div c...
float探索，脫離文件流？不脫離文件流？
float屬性是css2中的乙個屬性，很多時候我們都會用到她，但是通常只要一不小心就會遇到很多問題，跟設想的完全不一樣呀，怎麼回事？那麼這個時候我們應該冷靜下來好好探索一下這個屬性的用法，弄明白其原理，適用於什麼場景，這樣在任何情況下都能正確的使用她。最初，float是應用於影象，使文字環繞在其周圍...
CSS脫離文件流
脫離文件流 也就是將元素從普通的布局排版中拿走，其他盒子在定位的時候，會當做脫離文件流的元素不存在而進行定位。需要注意的是，使用float脫離文件流時，其他盒子會無視這個元素，但其他盒子內的文字依然會為這個元素讓出位置，環繞在周圍。其他盒子與其他盒子內的文字都會無視它。float 如上圖 div2實...