2014-09-06 113 views
-1

沒有移動任何HTML如何解決我在這個頁面上的#wrapper #banner .banner_box和其他許多喜歡它的問題。我已經嘗試將高度設置爲自動並將橫幅顯示爲塊,但尺寸保持不變。我希望它能夠包含它內部的所有文本和視頻,而不需要設置固定的高度。Div不包含正確的文本

+0

我們可以看到你的代碼 – Satya 2014-09-06 00:24:32

+0

您可以看到使用在瀏覽器中任何網頁開發工具的代碼。有太多相關的代碼。 – 2014-09-06 00:30:39

回答

1

最簡單的辦法就是關閉它

這將確保元素#banner的高度之前添加另一個<div class="clr"></div>#banner保持如果你想要一個純CSS解決它的高度與clear: both;


孩子。

只需添加overflow: auto;的元素#banner(在一個沒有保持它的高度)

而且,你的情況..應該用有點微胖底部把它添加到#wrapper #banner .banner_box

#wrapper #banner .banner_box { 
    margin: 0 auto; 
    position: relative; 
    width: 972px; 
    padding-top: 15px; 
    padding-bottom: 30px; 
    overflow: auto; 
} 

現在它將自己調整到適當的高度。

+0

我現在無法移動任何HTML。這太複雜了。 – 2014-09-06 00:42:47

+0

只需在'#banner'關閉之前添加一個額外的'div.clr' – 2014-09-06 00:43:27

+0

這是解決這個問題的常用方法,也是使用'clear'的便利之一 – 2014-09-06 00:45:27

0

從template.css的338行中刪除float:left,然後加入這種風格:

.custom_find{ 
    display: inline-block; 
} 
+0

這工作,但它仍然不包含視頻。 – 2014-09-06 01:05:02