代码之家 › 专栏 › 技术社区 › Tomalak

IE7主体宽度随浮动元素的增加而增加

css-float internet-explorer-7 css

2

Tomalak · 技术社区 · 15 年前

在IE7标准模式渲染中,以下主体发生了一件奇怪的事情:

<body>
  <div style="border: 1px solid black;">
    <span style="float: right; font-style: italic;">some text to the right</span>
    other text to the left
  </div>
</body>

<div> 宽度看起来正确。右边出现了大量的空白,还有一个水平滚动条。

如果切换到IE8标准模式呈现,或者保持IE7模式但删除 font-style CSS规则:

<body>
  <div style="border: 1px solid black;">
    <span style="float: right;">some text to the right</span>
    other text to the left
  </div>
</body>

这是怎么回事?

<em> 或 <i> 而不是 font-style: italic . 与 <em>

1 回复 | 直到 13 年前

1

2

Valentin Flachsel 15 年前

我不确定到底发生了什么事,但话说回来,我的工作方式很神秘。。。无论哪种方式,这都应该解决它:

<div style="border: 1px solid black; overflow: hidden;">