0

在我的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 与背景颜色为黑色内联。但是，在 IE 10 中，div 不是内联的，背景颜色不是黑色的。怎么来的？我在想，如果我将 CSS 移到 Javascript 下方，那么它会起作用，但这也不起作用。关于如何解决这个问题的任何想法？IE 10 开发者工具没有显示错误。

4

2 回答 2

1

元素样式

display:inline;

无论如何都会忽略高度和宽度，或者应该忽略。您是否尝试过使用 inline-block 而不是 inline？

于 2013-10-25T16:36:11.133 回答
0

换行符将使您的div元素垂直对齐...

更改此行

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

至

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

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

于 2013-10-25T16:51:44.217 回答