<div style="height: 200px; width: 100%; overflow: auto; position: relative;" id="div1"> <div style="height: 2000000px; width: 1000px;" id="hugeDiv"> </div> XXXXXXXXXX</div>
高度被设置为2000000px,在IE8中查看的时候始终是:height: 1342177.27px;
被变成了:
FF和chrome都没这个问题
大家能解释下这是为什么不?该怎么处理?
回复讨论(解决方案)
<!DOCTYPE HTML><html lang=""><head> <meta charset="gbk"> <title></title></head><body> <div style="height: 200px; width: 100%; overflow: auto; position: relative;" id="div1"> <div style="height: 2000000px; width: 1000px;" id="hugeDiv"></div> XXXXXXXXXX </div> <script type="text/javascript"> alert( document.getElementById('hugeDiv').offsetHeight ) </script></body></html>
没问题啊
HTML code
nbsp;HTML>
我刚才试了你的代码,alert的值是1193046.
你确定是IE8吗?这个只能在IE里重现
应该就是个显示上限的问题吧
比如
<!DOCTYPE HTML><html lang=""><head> <meta charset="gbk"> <title></title></head><body> <div style="height: 200px; width: 100%; overflow: auto; position: relative;" id="div1"> <div style="height: 123456789px; width: 1000px;" id="hugeDiv"></div> XXXXXXXXXX </div> <div id="test"></div> <script type="text/javascript"> document.getElementById('test').innerHTML = document.getElementById('hugeDiv').offsetHeight; </script></body></html>
这里 ff 直接 显示0, ie6 显示123456789,ie8 显示1193046
而改成 12345678,
那么ff和ie6显示 12345678, ie8依然是1193046
改成 然后 滚动条的高度并非真实的1,193,046 px, 如果是真的那么高,拉滚动条岂不是要拉哭?
具体 DOM的高度上限是多少没研究过。
正需要
应该就是个显示上限的问题吧
比如
HTML code
nbsp;HTML>
我也偏向于认为是个显示上限的问题。想找到一些比较官方的文档看看,不知可否推荐一些关于浏览器方面的书籍?

HTML的作用是通過標籤和屬性定義網頁的結構和內容。 1.HTML通過到、等標籤組織內容,使其易於閱讀和理解。 2.使用語義化標籤如、等增強可訪問性和SEO。 3.優化HTML代碼可以提高網頁加載速度和用戶體驗。

htmlisaspecifictypefodyfocusedonstructuringwebcontent,而“代碼” badlyLyCludEslanguagesLikeLikejavascriptandPytyPythonForFunctionality.1)htmldefineswebpagertuctureduseTags.2)“代碼”代碼“ code” code code code codeSpassSesseseseseseseseAwiderRangeLangeLangeforLageforLogageforLogicIctInterract

HTML、CSS和JavaScript是Web開發的三大支柱。 1.HTML定義網頁結構,使用標籤如、等。 2.CSS控製網頁樣式,使用選擇器和屬性如color、font-size等。 3.JavaScript實現動態效果和交互,通過事件監聽和DOM操作。

HTML定義網頁結構,CSS負責樣式和佈局,JavaScript賦予動態交互。三者在網頁開發中各司其職,共同構建豐富多彩的網站。

HTML適合初學者學習,因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩,易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高,可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。

AnexampleOfAstartingTaginHtmlis,beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements,defiteTheeTheErtypes,andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

如何設計菜單中的虛線分割效果?在設計菜單時,菜名和價格的左右對齊通常不難實現,但中間的虛線或點如何...

網頁代碼編輯器中的HTML元素分析許多在線代碼編輯器允許用戶輸入HTML、CSS和JavaScript代碼。最近,有人提出了一...


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

WebStorm Mac版
好用的JavaScript開發工具

MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器

Atom編輯器mac版下載
最受歡迎的的開源編輯器