Question

之前没有遇到过居中div的问题，但我一直试图获得100％高度的列（我已经为大多数浏览器实现了这一点）。我相信100％的高度正在搞乱IE8中div的居中。

所以基本上我试图让#wholewrap居中对齐，我现在正在使用margin: 0 auto;，但它对IE8不起作用？

为什么会出现此错误或如何修复错误？

如果您尝试使用此代码，它应该可以在FF，Chrome和Opera中使用，而不会使用IE9。

出于某种原因，JSFiddle中的结果因IE8出于某种原因而有所不同，它在JSFiddle中显示的实际上并不是它在IE8中显示的内容。

HTML

<html>
<head>
    <link rel="stylesheet" type="text/css" href="newcss.css"/>
</head>
<body>

<div id='wholewrap'>

    <div class='ttc'>
       <p>
          Left Column<br />
          Left Column<br />
          Left Column<br />
       </p>
    </div>

    <div class='otc'>
       <p>
          Right Column<br />
          Right Column<br />          
       </p>
    </div>

    <br style='clear:both;' />
</div>

</body>
</html>

CSS

div{border:1px #000 solid;}

html{height: 100%;}

body{height: 100%;}

#wholewrap{width:500px;margin:0 auto;min-height: 100%;height: 100%;}

.ttc{width:45%;float:left;min-height: 100%;height: 100%;}
.otc{width:45%;float:right;min-height: 100%;height: 100%;}

Answer 1

可能与doctype有关..尝试将<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">或HTML5 <!DOCTYPE HTML>置于<html>

之上

中心div不在IE8中工作？

1 个答案: