IE元素內容為空時佔據空間的解決辦法

2021-08-25 10:31:58 字數 503 閱讀 3159

如果給div元素設定了寬度時,比如width:100%,此時div在ie中(ie6,ie7)將佔據物理空間,而在ff中不佔據物理空間(正確理解)。為了表述直觀,將樣式直接寫在元素標籤內:

此時在ie中到底是什麼在影響著最終的顯示,又是怎麼解析的呢?

可能的影響因素:字型大小(font-size),字型行高(line-height),高度(height),溢位(overflow)

我們對上面的**逐一新增過濾屬性(具體的過程有興趣的朋友,能私下裡實驗一下,「自己動手,豐衣足食」!)

在測試的過程中,你會發現ie6和ie7的解析也不盡相同,比如在給div設定了line-height:0; height:0; 的樣式後,ie7中顯示正常了,不再佔據物理空間了,而ie6卻依然我行我素,亦或是悲!

最終的測試結果,最簡單的方法是,給div設定高度(height)和溢位(overflow)屬性:

**:

原始表現:

加上font-size:0後

ie6,7下空DIV無任何內容時佔據空間問題解決

當在 div 標籤內無任何內容時 如果給 div 元素設定了寬度時,比如 width 100ekjjtrgl 此時 div 在 ie 中 ie6,ie7 將佔據空間,而在其他瀏覽器ekjjtrgl中不佔據空間。複製 如下 程式設計客棧 最簡單的方法www.cppcns.com是,給 div 設定高度...

上傳檔案時 FILES為空的解決方法

出現這個問題的原因主要有兩個 表單原因或者php設定原因 1,表單型別 上傳檔案的表單編碼型別必須設定成 enctype multipart form data 因為要傳大資料,一般提交方式用post.2,php設定問題 php預設的post max size 為2m.如果 post 資料尺寸大於 ...

上傳檔案時 FILES為空的解決方法

上傳 的時候列印 files為空,小的檔案就沒問題,後來發現是因為傳的檔案太大,出現這個問題的原因主要有兩個 表單原因或者php設定原因 1,表單型別 上傳檔案的表單編碼型別必須設定成 enctype multipart form data 因為要傳大資料,一般提交方式用post.2,php設定問題...