邊框或圓角被背景顏色擋住的解決方案


6.5日更新

之前傻了,哪有那么復雜,直接加個overflow:hidden;就行了,auto還會導致滾動條,多low哦

問題描述

記錄一個工作中遇到的問題,給外層div設置了邊框,但是里面內容如果寬度100%,然后有背景,就被擋住了。如下圖:
邊框被擋住

使用過的方法

1.於是我設置margin-left: 0.5px;,左側是不被擋住了,但是有些地方下面被擋住,而且圓角也被擋住,行不通。
2.我又使用偽元素:after,寬高100%定位畫一個邊框,結果發現里面的內容被這個擋住了,點不了東西
3.最終,加上overflow: auto, 完美解決。

overflow屬性規定當內容溢出元素框時發生的事情

后記

以前從來沒注意這個,在這個問題里,卻立了大功。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM