響應式設計 - 隱藏手風琴標籤寬度

Question

http://dev.goforadventure.com/?post_type=trips&p=108

你好，

請擠壓瀏覽器更加接近，直到你看到手風琴形式與小箭頭向右。

有與該組突出部的上方的特徵背景圖像一個div（這是WordPress的）

當突片閉合時，該圖像div的寬度取決於有多少空間文章標題/高於H1它正在採取 - 如果我把這個字體放大一些，圖片會隨着它變大。

如果你打開第一個或最後一個標籤，他們有大量的文字 - 這也導致更多的照片顯示。

我假設因爲div有寬度：自動應用到它，它沒有顯示那麼多背景，因爲手風琴中的內容默認是隱藏的。

任何想法欺騙圖像div思考更多的空間，所以當他們關閉時，圖像和手風琴選項卡將跨越整個瀏覽器？

非常感謝！

Answer 1

如果您刪除具有圖像的div上的width:auto並將其設置爲100％，您將會注意到沒有任何反應。然後我們看看該div的容器元素，即具有id="content"和role="main"的那個div，該div有float:left。刪除媒體查詢中的浮動內容，並且會根據需要顯示。