CSS解決容器背景不能撐開的問題

2021-10-04 16:24:14 字數 773 閱讀 3912

在開發中;有時候給容器設定了背景;發現他不會被撐開,而是是顯示在第一行的位置,不管裡邊放多少容器和內容,如下圖這種情況:

如何讓這個容器顯示正確的效果呢?

第一解決方法就是在背景容器使用overflow:hidden;其實這個方法也是正確的,但是如果使用這個方法,你會發現搜尋輸入框如果是下拉的情況是顯示不全的,只顯示顯示一半。

第二解決方法就限制個最小高度;min-height,這個方法如果是全域性都要改的話,你會發現很悲劇;因為有的頁面可能有一行條件框,有的有兩行、有的有三行,每個模組的都有不一樣的高度,每個頁面都要單獨去控制,工作量太大了。

前面一、二都不是最理想的解決方法,解決這個問題我們可以使css的偽類元素:before和:after,結合content: " "來實現,簡單又粗暴的方式,也不用全系統去修改頁面。也不像方法二一樣影響到下拉選擇框,**如下:

```css

.screen-term

.screen-term:before, .screen-term:after

解決 android adb 不能自動補全的問題

1.使用adb 的必要性 android 命令列有兩種方式adb 串列埠。但是當我們在串列埠上除錯時,經常會列印一些 selinux 的許可權的一些資訊,又是會嚴重影響到列印的輸出結果。adb 的除錯可以用usb的除錯口,也可以用網口,除錯方便,列印簡潔,因此,adb除錯android很有必要。2....

解決Charles不能抓到https的問題

1.用charles匯出證書,隨便命名 charles.pem 2.安裝open ssl 然後配置環境變數,把openssl安裝路徑bin的路徑 例如 c openssl win64 bin 加入到作業系統的系統環境變數path中 3.將匯出的的證書 charles.pem 匯入電腦中 4.在cmd...

解決TreeView控制項不能正常顯示的問題

今兒個幫公司維護官網,發現了奇怪的問題。進入後台管理的時候,原來的treeview控制項不能正常顯示了,只有一堆亂七八糟的文字。剛開始,我以為是瀏覽器相容性問題,後來換了幾個瀏覽器再試,結果還是一樣。經過一番思考,我開始懷疑我本機的系統環境沒有配置好,或者是跟伺服器環境有部分的差異。我仔細檢查了一下...