Question

我有一些选择和一个=AND($D$2=$E$2)并且我在javascript中创建了所有元素，因为只有单独的按钮点击添加，并且不会影响下面的代码，因为我尝试过和不使用我得到了相同的结果。这里是html，css和Javascript我也包含在JSBin，因为它清楚地显示了问题，目前我已经在Chrome和IE上测试过，它在Chrome上工作正常但在IE 11.0.96上有所突破，会发生什么我有一个<img>然后select然后img，我希望select位于第一个选择旁边并且下面有img，就像这样< / p>

但是在IE上按钮会超过第二个select

这里是代码

select

CSS：

<body>
  <div id="hours_div"></div>

</body>

JAVASCRIPT

#info_add_hours {
  width: 50%;
}

.time_p {
    display:inline;
    margin-left:5px;
    margin-right:5px;
}

.time_colon {
    display:inline;
    margin-left:5px;
    margin-right:5px;

}

#hours_div select {

  width: 88%;
}

#time_delete_small {
    width:40px;
    display:inline;
    padding:5px;
    margin-left:20px;
    cursor: pointer;
    position:absolute;

}

#hours_div .time_select {
    width:23%;
}


#hours_div .ampm_select {
    margin-left:5px;
    width:23%;
}

那么为什么按钮会超过第二个选择？

感谢您的帮助

Answer 1

差异似乎是因为IE将IMG元素定位为相对于其包含块（DIV＃div_hours_0）的块元素，而Firefox（至少）看起来将IMG元素定位在相对于它的位置如果没有定位就会出现内联。（如果这与标准不符，我不会随便知道。）

将显示更改为阻止并添加＆＃34;左＆＃34;和＆＃34; margin-top＆＃34;规则：

#time_delete_small {
    width:40px;
    display:block;
    padding:5px;
    margin-left:20px;
    cursor: pointer;
    position:absolute;
    left: 88%;
    margin-top: -10px;
}

似乎将帖子中显示的布局创建为正确的布局。通过各种方式实验并调整它们以达到您的目的！

Answer 2

对于IE 11.0.96，您需要更改设置转到工具 - ＆gt;兼容性视图设置 - ＆gt;单击添加按钮，它现在将与IE兼容

<img/>不会保持内联 - Javascript

2 个答案: