Div的高度大于一定数值后，IE8自动调整其高度为一固定值_html/css

Jadual Kandungan

回复讨论(解决方案)

Rumah

hujung hadapan web

html tutorial

Div的高度大于一定数值后，IE8自动调整其高度为一固定值_html/css_WEB-ITnose

Jun 21, 2016 am 09:35 AM

1	`<div style="height: 200px; width: 100%; overflow: auto; position: relative;"` `id="div1"> <div style="height: 2000000px; width: 1000px;"` `id="hugeDiv"> </div> XXXXXXXXXX</div>`

Salin selepas log masuk

高度被设置为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>

Salin selepas log masuk

没问题啊

HTML code

应该就是个显示上限的问题吧
比如

<!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>

Salin selepas log masuk

这里 ff 直接显示0， ie6 显示123456789，ie8 显示1193046

而改成 12345678，
那么ff和ie6显示 12345678， ie8依然是1193046

改成然后滚动条的高度并非真实的1,193,046 px，如果是真的那么高，拉滚动条岂不是要拉哭？

具体 DOM的高度上限是多少没研究过。

正需要

应该就是个显示上限的问题吧
比如
HTML code

nbsp;HTML>

我也偏向于认为是个显示上限的问题。想找到一些比较官方的文档看看，不知可否推荐一些关于浏览器方面的书籍？

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel Panas

Berapa lama masa yang diperlukan untuk mengalahkan fiksyen berpecah?

3 minggu yang lalu By DDD

Repo: Cara menghidupkan semula rakan sepasukan

3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Hello Kitty Island Adventure: Cara mendapatkan biji gergasi

3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)

1 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Kesukaran mengemas kini caching laman web akaun rasmi: Bagaimana untuk mengelakkan cache lama yang mempengaruhi pengalaman pengguna selepas kemas kini versi?

3 minggu yang lalu By 王林

Tunjukkan Lagi

Alat panas Tag

Kod&IT

Suara

Perniagaan

Pemasaran

Pengesan AI

Chatbot

Reka bentuk&Seni

Artikel Panas

Berapa lama masa yang diperlukan untuk mengalahkan fiksyen berpecah?

3 minggu yang lalu By DDD

Repo: Cara menghidupkan semula rakan sepasukan

3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Hello Kitty Island Adventure: Cara mendapatkan biji gergasi

3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)

1 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Kesukaran mengemas kini caching laman web akaun rasmi: Bagaimana untuk mengelakkan cache lama yang mempengaruhi pengalaman pengguna selepas kemas kini versi?

3 minggu yang lalu By 王林

Tunjukkan Lagi

Tag artikel panas

Topik panas

Di manakah pintu masuk log masuk untuk e-mel gmail?

7281

Tutorial Java

1622

Tutorial CakePHP

1341

Tutorial Laravel

1258

Tutorial PHP

1205

Tunjukkan Lagi

Related knowledge

Kesukaran mengemas kini caching laman web akaun rasmi: Bagaimana untuk mengelakkan cache lama yang mempengaruhi pengalaman pengguna selepas kemas kini versi? Mar 04, 2025 pm 12:32 PM

Kesukaran mengemas kini caching laman web akaun rasmi: Bagaimana untuk mengelakkan cache lama yang mempengaruhi pengalaman pengguna selepas kemas kini versi?