Question

在我的CSS中我有这个

#inner div {
    display: inline;
    height: 200px;
    width: 200px;
    margin: 10px;
    background-color: black;
}

在我的HTML中，我有这个

<div id="inner">
    <h2> <span class="action">Click</span> on each button to read more about them </h2>
     <br />
     <span id="here"></span>    
</div>

在我的Javascript中，我有这个

var divComposition = "<div id='div" + i + "'><p></p></div>";    
$('#here').after(divComposition);

所以我将它放在跨度之后，但它仍然在

之内

#inner

所以它是

#inner div

。问题是在IE 8中，它可以工作。 div与背景颜色内联为黑色。但是，在I.E 10中，div不是内联的，背景颜色不是黑色的。怎么会？我在想如果我将CSS移动到Javascript下面然后它会工作，但这也不起作用。关于如何解决这个问题的任何想法？ I.E 10开发人员工具显示没有错误。

Answer 1

元素风格

display:inline;

无论如何，

会忽略身高和宽度。您是否使用内联块而不是内联来尝试它？

Answer 2

换行符会使div元素垂直对齐...

更改此行

var divComposition = "<div id='div" + i + "'><p></p></div><br />";

到

var divComposition = "<div id='div" + i + "'><p></p></div>";

您的代码适用于所有版本的IE，我在HTML正文中执行JavaScript。您可以将所有代码放入函数中，然后从正文中调用它，如果它仍然无法正常显示。

Javascript / CSS不适用于IE 10但适用于IE 8

2 个答案: