在IE中,html – inside>显示不正确_html-js-css

概述这是一个代码： <!DOCTYPE html><html><head><style> li div { border: 1px solid #FF0000; width: 100px; position:relative; white-space: nowrap; overflow: hidden; }</ 这是一个代码：

<!DOCTYPE HTML><HTML><head><style>    li div {      border: 1px solID #FF0000;       wIDth: 100px;       position:relative;       white-space: nowrap;       overflow: hIDden;    }</style></head><body>    <ol>        <li>            <div>111111111111111111111</div>        </li>        <li>            <div>222222222222222222222</div>        </li>    </ol></body></HTML>

在ie8中显示的页面与预期不符.

firefox :(好的)

ie8 :(错)

有人可以解释一下原因吗？

如果删除<！DOCTYPE HTML>一切都会好的,但我想找到原因并通过CSS修复它.

解决方法您可以添加相对于’li’标签的位置,并相对于’div’标签的绝对值更改位置,并添加’top：0;左：0;’ div tag.this工作正常.

试试这个CSS：

li {  position:relative;}li div {  border: 1px solID #FF0000;   wIDth: 100px;   white-space: nowrap;  overflow:hidden;  position:absolute;  top:0;  left:0}

总结

以上是内存溢出为你收集整理的在IE中,html – inside>显示不正确全部内容，希望文章能够帮你解决在IE中,html – inside>显示不正确所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1059399.html