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

关于IE7中的宽度[已关闭]

css

tirenweb · 技术社区 · 11 年前

我有这个 site 。正如您使用IE7所看到的 header 比下面的内容宽,我的意思是它没有 width: 960px 正如我所期望的那样。你能告诉我为什么吗?

这是 头球 标签:

header {
  border-top: 6px solid #9F9F9F;
  margin: 0 auto;
  background-color: $amarillo;
  width: 960px;
  padding: 19px 34px;
}

2 回复 | 直到 11 年前

Blaise 11 年前

<header> 是IE7的未知元素。

对于所有的html5问题,您可以使用 html5shiv .

Ennui 11 年前

元素如 header , nav , footer , article , section 等等在IE7中不受支持。您需要使用 HTML5shiv 或类似于聚填充物。

此外,在默认的长方体模型中 border-box 填充被添加到元素总宽度的宽度中,所以你的元素是960px+34px+34px,而不仅仅是960px。应用属性 box-sizing: content-box 如果你愿意 padding 从 width 而不是添加到其中。

推荐文章

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

5 月前

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

5 月前

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

5 月前

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

5 月前

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

5 月前

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

5 月前

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

5 月前

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

5 月前

Luckkks · 过渡色工作不正常

5 月前

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

5 月前