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

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

css-float internet-explorer-7 css

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 年前

Valentin Flachsel 15 年前

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

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

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

7 月前

Mass · 如何在Tailwind CSS v4中创建配置

7 月前

magenta placenta · 将css变量合并为一个变量

7 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

7 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

8 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

8 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

8 月前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

8 月前

Luckkks · 过渡色工作不正常

8 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

8 月前