html - 如何使 div 高度在每个浏览器上兼容

标签 html css

<分区>

我正在尝试创建一个页面,其中包含页眉、页脚和内容 div。页眉高度为 140 像素,页脚高度为 90 像素。我想要的是在页眉和页脚之间制作内容 div,并且应该在所有浏览器中以相同的方式显示。

所有浏览器的高度都不同,因此要调整此内容 div 我该如何设置样式?我有一种预感,那就是在 css 中使用 bottom 和 top。帮助我度过难关。

最佳答案

如果您的问题在每个浏览器上大小不同,请尝试使用 css reset

其他选项可以设置 box-sizing to border-box

* {
  box-sizing: border-box;
}

关于html - 如何使 div 高度在每个浏览器上兼容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34949912/

上一篇:javascript - 通过叠加背景可以看到 Bootstrap 事件选项卡

下一篇:javascript - firefox 与 Chrome 之间的边距顶部是不同的

相关文章:

css - 如何创建带有圆 Angular 边缘的曲线?

html - 如何制作 Google Reader/Gmail 的 ListView

javascript - 如何从区域 href 触发 JS 函数

javascript - Knockout.js 跟踪选中的复选框

html - 为什么尾随标点符号以方向 :rtl? 开头呈现

asp.net - PNG 覆盖使 asp 超链接不可点击

css - 仅使用 CSS 制作带有边框 curl 的圆形徽章?

javascript - 如何在图像悬停时影响上一张和下一张图像

javascript - 具有绝对位置和较低 z-index 的 Div 显示在较高 z-index(固定位置)的顶部

html - 设置 Bootstrap 卡的高度