CSS div 宽度 50% 在 IE 中不起作用

【问题标题】：CSS divs width 50% not working in IECSS div 宽度 50% 在 IE 中不起作用
【发布时间】：2011-03-30 16:07:51
【问题描述】：

我无法在 IE 中使用它，第二个孩子不在同一行。

HTML：

<div class="outer">
  <div class="inner">left</div>
  <div class="inner">right</div>
</div>

CSS：

.outer
{
  width: 100%;
}

.inner
{
  float: left;
  width: 50%;
}

【问题讨论】：

【解决方案1】：

将其更改为width: 49.9%。 IE 中记录良好的错误。

【讨论】：

【解决方案2】：

将宽度更改为 49%（或一个更改为 50%，另一个更改为 49%）。

【讨论】：

【解决方案3】：

如果您有一个以 px 为单位的设置宽度，则 50% 可以正常工作。

CSS：

.outer{
width: 900px;
} 
.inner{
width: 50%
}

【讨论】：