Question

需要有关如何调试这种奇怪的想法...... 在一个充满JavaScript和CSS的复杂页面中，我有一个div标签，它有一个包含以下值的内联样式属性：

<div style="position:absolute;left:13px;top:331px;width:685;height:165;background-color:Window;overflow:auto;border:1px solid graytext;">

我可以使用网络监视器和使用视图源来查看此值。

但是，当我使用IE11 Dom Explorer时，我只看到以下样式：

<div style="border: 1px solid graytext; border-image: none; left: 13px; top: 331px; overflow: auto; position: absolute; background-color: window;">

即。高度和宽度样式属性消失了。在显示div属性的右侧窗格中，我可以看到＆＃34; width＆＃34;和＆＃34;身高＆＃34;样式没有左边的复选框，并且在值下面有红色标记，好像IE11告诉他们出了问题。我确信这不是由JavaScript引起的，它可能是由CSS引起的，但我不清楚要查找的内容。

Answer 1

CSS width和height属性需要单位。只是原始数字无效。我猜你想在这两个值之后都有px。如果你添加它，IE可能会停止将它们剥离为无效。

<div style="position:absolute;left:13px;top:331px;width:685px;height:165px;background-color:Window;overflow:auto;border:1px solid graytext;">
<!-- px ---------------------------------------------------^------------^                     -->

Answer 2

你需要一个宽度和高度CSS属性的单位。

有效代码：

<div style="position:absolute;left:13px;top:331px;width:685px;height:165px;background-color:Window;overflow:auto;border:1px solid graytext;">

删除了样式属性

2 个答案: