瀏覽器自動設置內容的高度div

我已經使用wordpress生成了一個網站。該網站的網頁內容都包含在一個div如下：瀏覽器自動設置內容的高度div

<div id="content"> 
    <!-- content --> 
</div>

僅供參考，這裏的CSS規則：

#content { 
    background: white url('images/hatch-light.png') repeat; 
    box-shadow: 0px 0px 2px #333; 
    -moz-box-shadow: 0px 0px 2px #333333; 
    -webkit-box-shadow: 0px 0px 2px #333; 
    width: 760px; 
    position: absolute; 
    left: 200px; 
    z-index: 15; 
}

當我認爲這個來源我認爲這反映。但是，如果我檢查內容元素，使用chrome，我會看到高度插入到div樣式中。我看到：

<div id="content" style="height: 702px;">

高度是我的瀏覽器窗口的高度。我遇到的問題是內容div不再封裝它的內容（例如，content div具有背景風格，並且此背景風格不再延伸到我的瀏覽器定義的高度以下）。

任何人都可以告訴我如何防止瀏覽器設置高度嗎？

來源

2012-10-22 MM.

如果'702'是您的視口的高度，我的猜測是有一些JavaScript正在執行此操作。（高度懷疑JS，國際海事組織，正確的方法是添加'style =「height：702px」'） –

也許嘗試向CSS添加一個高度並查看會發生什麼。如果它被覆蓋，那麼肯定js是kevin已經聲明 –

，如果它是js，解決它的唯一方法是通過更改.js或在你的css中使用！important來覆蓋內聯樣式。 – Jason

感謝凱文布徹和其他評論者指出了這一點。高度被一塊javascript（height.js，你會相信）插入嗎？因此，它在檢查元素時可見，但在查看源時不可見。

@chchrist在解決如何從wordpress中刪除腳本時提供瞭解決方法（向div添加高度：auto！重要屬性）。

來源

2012-10-23 16:53:50

瀏覽器自動設置內容的高度div

回答

相關問題