IE8 侧边栏菜单的 CSS 渲染不正确答案

【问题标题】：Incorrect CSS rendering of side bar menu in IE8IE8 侧边栏菜单的 CSS 渲染不正确
【发布时间】：2014-09-28 14:53:38
【问题描述】：

我尝试在我的 IE8 视图中修复此错误。对不起，如果这个问题之前被问过很多次，但我仍然无法解决。

这是我的笨蛋： example

当我在 IE8 中运行这个 plunker 时，菜单默认是隐藏的。

如果你想在 IE 中查看 Plunk full view

这是在IE8中运行的真实系统的设计，菜单和内容之间不应该有多余的空间。

如图所示：

A 我有多余的空间，不应该在那里
B 我的加载项仅在 Firefox 中看起来正确对齐
C 我能够使用 kkurni 发布的 kkurni.blogspot.com.au 此处找到的指令修复选择

为了解决 Angular.js 问题，我尝试了以下代码：

<!DOCTYPE html>
<html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="yeomanTutAngApp">
 <head>
     <!--[if lte IE 8]>
     <script>
       document.createElement('ng-view');
    </script>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
</head>
</html>

 <!--[if lt IE 9]>
    <script src="bower_components/es5-shim/es5-shim.js"></script>
    <script src="bower_components/json3/lib/json3.min.js"></script>
    <![endif]-->

<div class="row">
 <div class="col-xs-4">
   <div class="input-group">
    <input class="form-control input-sm" type="text" ng-model="selected" id= "mySearch"
    typeahead="word for word in getAutocomplete($viewValue)" 
    typeahead- `loading`="loadingClientsPreview">
    <i ng-show="loadingClientsPreview" class="glyphicon glyphicon-refresh"></i>
   <span class="glyphicon glyphicon-remove input-group-addon" ng-click="selected = ''"></span></div>
   </div>
</div>

C.我的选择显示数据，但这看起来太小了。（固定）

 <div class="form-group">
   <p class="col-xs-3 ">{{'Language'|translate}}</p>
     <select ng-model="people.language"
          ng-options="value.code as value.name | translate for value in languages">
     </select>
  </div>

【问题讨论】：

标签： css angularjs internet-explorer-8

【解决方案1】：

您使用的是 normalize.css 吗？如果没有，请在

中添加以下 CSS

http://necolas.github.io/normalize.css/

【讨论】：