右浮动在IE7中扩展父宽度

时间:2016-04-29 15:30:32

标签: html css css-float internet-explorer-7 centering

总结:我试图将两个元素集中在IE7中。

我不能修改元素的顺序,但是我希望第一个元素显示在第二个元素的右边,所以我已经将它们浮动了。

我还标记了inline-block(使用IE7修复程序),以便text-align: center可以应用。不幸的是,如果我将类.right 中的元素浮动到左侧,这似乎才有效。

代码如下:

<!DOCTYPE html>
<html>
<head>
<style>

#outer {
 width: 100%;
 text-align: center;
}
#wrapper { 
   display: inline-block;
  *display: inline;
  *zoom: 1;

}
.right { float: right }
</style>
</head>
<body>
<div id="outer">
<div id="wrapper">

 <div class="right">Right</div>
 <div class="right">Left</div>

</div>
</div>
</body>
</html>

有没有办法绕过这个而不诉诸我错过的JavaScript?

0 个答案:

没有答案
相关问题