我动态地创建了以下 div 结构:
<div id=Box>
<div id=outer>
<div id="inner1" class="split_right">
some
</div>
<div id="inner2" class="split_left">
some
</div>
.....
.....
<div id="inner(n)" class="split_right">
some
</div>
<div id="inner(n+1)" class="split_left">
some
</div>
</div>
</div>
div 的数量取决于一个数组中传递的 s 的数量。 问题是,我想像这样给 split_right 和 split_left 一个 css 规则:
.split_left {
float: left;
margin: 0px 10px 5px 10px;
}
.split_right {
float: right;
margin: 0px 10px 5px 10px;
}
这在 chrome 和 safari 上工作正常,但在任何 IE6+ 上都不起作用
我做错了什么??
更新
这就是我想要做的:
http://postimage.org/image/g2t4qsq4v/
外层 div 的固定宽度等于 2*内层 div 宽度 + 50pixels,这样 2 就可以放在同一行。
最佳答案
试试这个:
<div id=Box>
<div id=outer>
<div id=inner1 class="split_right">
some image
</div>
<div id=inner2 class="split_left">
some image
</div>
.....
.....
<div id=inner(n) class="split_right">
some image
</div>
<div id=inner(n+1) class="split_left">
some image
</div>
</div>
</div>
你忘了引号
关于CSS - 类选择器在 IExplorer 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10556818/