DIV沒有垂直覆蓋整個內容

我使用的Wordpress主題提供了一種稱爲頁面生成器的功能，通過它可以添加不同的元素並填充它們，例如標題，內容框，圖片庫，視頻等。現在，問題是，如果一個內容框（基本上應該包含頁面上的文本主體的東西）用普通文本填充，那就沒問題。但是，當我爲WP插件添加短代碼時，插件的輸出很好，但應該提供此內容背景的div.blog框實際上並未出現。DIV沒有垂直覆蓋整個內容

比較兩個截圖：第一個是純文本，第二個包含一個插件短代碼的輸出。

Screenshot 1 Screenshot 2

.blog-box { 
padding: 10px 20px; 
background: #fff; 
margin-bottom: 20px; 
position: relative; 
max-width: 1170px; 
background: #333333;}

這些是適用於DIV的樣式。任何人都可以幫我找到這種行爲的原因嗎？

來源

2015-01-01 zkvvoob

已通過檢查元素檢查過嗎？您發佈的第二張圖片是用'.blog-box'包裝的代碼嗎？我猜這不是。 –

嘗試使用overflow：hidden;

.blog-box { 
padding: 10px 20px; 
background: #fff; 
margin-bottom: 20px; 
position: relative; 
max-width: 1170px; 
background: #333333; 
overflow:hidden;}

來源

2015-01-01 13:16:56

剛剛嘗試了你的建議。溢出：隱藏的伎倆！非常感謝！ – zkvvoob

對不起，但這只是隱藏了問題：它不能解決它。我的2美分。 – Marventus

根據你所描述的，看來你的插件輸出的元素必須用CSS浮動（即float:left），因爲否則.blog-box DIV應該採取的兒童的身高與風格你有共享。嘗試unfloating該子元素看看它的工作原理：

.child-element { 
    float:none; 
}

更換child-element與CSS類的元素。

來源

2015-01-01 14:14:15 Marventus

的確，解開元素會導致背景出現。但是，這會擾亂所有元素。 :( – zkvvoob

如果您可以發佈指向顯示該內容的頁面的鏈接或在小提琴或代碼片段中重現該內容，這將非常有幫助。 – Marventus

DIV沒有垂直覆蓋整個內容

回答

相關問題