<!DOCTYPE HTML><HTML><head><Meta charset="utf-8" /><Title>Test</Title><style type="text/CSS"> table.Sample { wIDth: 600px; table-layout: fixed; } table.Sample col { wIDth: 60px; } table.Sample td { height: 20px; line-height: 20px; padding: 0px; } table.Sample input { wIDth: 55px; height: 17px; padding: 0px; margin: 0px; border-wIDth: 1px; }</style></head><body> <div ID="scrolldiv" > <table > <colgroup><col /><col /><col /><col /><col /><col /><col /><col /><col /><col /></colgroup> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td></tr> <tr><td><input type="text" /></td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td></tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td></tr> </table> </div></body></HTML> 这适用于ie8,IE10,Chrome,firefox,Safari,但它在IE9上有问题.
当我开始在文本框中输入时,div的高度会增加.滚动条不会移动,但div会在滚动条下方生长.
我无法在CSS中定义div的高度,因为行数是可变的并且我不确定滚动条是否存在(因为在实际示例中列的数量是可变的).
我可以使用以下JavaScript代码解决问题,但我想知道我做错了什么来引发错误.
var div = document.getElementByID('scrolldiv');div.style.height = div.offsetHeight + "px"; 谢谢
解决方法 这似乎是IE9中的一个错误,它处理overflow-x：auto.添加显示：内联块到CSS为div工作对我来说很棒.资源：Internet Explorer 9’s magically expanding div
总结以上是内存溢出为你收集整理的HTML – IE9错误？神秘地增长的DIV全部内容，希望文章能够帮你解决HTML – IE9错误？神秘地增长的DIV所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）