个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我在 Firefox 32 和 IE 11 中使用 calc() 时遇到问题，div 的底部填充没有得到尊重，在 Chrome 和 Opera 中一切正常。
主要内容应具有固定高度且内容应可滚动。
这是我的 html 代码:
<body>
<div class="main-content">
<div class="header">header</div>
<div class="content">
content
<div class="long-content">
long content<br />
long content<br />
long content<br />
long content<br />
long content<br />
long content<br />
long content<br />
long content<br />
long content<br />
long content<br />
long content<br />
long content<br />
long content<br />
long content<br />
long content<br />
long content<br />
long content<br />
<button type="button">Button</button>
</div>
</div>
</div>
和CSS:
.main-content {
width: 100%;
background-color: #595959;
height: 300px;
}
.header {
background-color: #000000;
height: 50px;
}
.content {
background-color: red;
padding: 15px;
height: calc(100% - 50px);
overflow: auto;
position: relative;
}
我该如何解决这个问题？
最佳答案
您遇到的问题是 Chrome 解释规范的方式与 FF 和 IE 不同。正如您在此 answer 中看到的那样在错误报告中 Bug 748518 - padding-bottom is ignored with overflow:auto;目前尚不完全清楚谁是正确的。
如果您想避免使用内部容器，您可以使用 :after 伪类和 content 属性在内容之后添加一个元素。
.content:after {
content: "";
display: block;
height: 20px;
width: 100%;
}
.content {
background-color: red;
padding-top: 20px;
padding-left: 20px;
height: calc(100% - 50px);
overflow: auto;
position: relative;
}
您肯定需要检查浏览器兼容性是否满足您的要求。但是因为你也使用 calc 这应该没问题。
至少可以解决 bottom 处的 padding，右侧的 方面，但正如您刚刚谈到的 padding 也可能有解决方案bottom 方面，我没有考虑过这种情况。
关于html - CSS:calc() 不遵守 Firefox 和 IE 中的底部填充，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25639823/
25
4
0
我想过滤掉特定列上具有特定颜色的行。我尝试几乎到处搜索但找不到答案。希望大家给点好的建议，谢谢。 最佳答案 据我所知，目前没有内置函数允许根据单元格的格式选择单元格。但在 this OOo forum
我有一个百分比表: A | B | C ------------------- 1| 12% | 22% | 42% ------------------- 2| 52% | 2%
我有一个格式为 HH:MM 的时间值求和列。总和的格式为 [HH]:MM，可防止 HH > 23 时翻转。我希望将此值转换为十进制数表示形式。例如: A B 1 12
LibreOffice Calc 中的什么公式将计算不同 Week_Number 出现的次数？答案应该是2。 最佳答案 这个问题之前已经被问过很多次了。一种方法是在 B6 中输入以下公式然后按 Ctr
我在 Calc 电子表格中有几个数据列，每个列有 400 到 500 个条目。对于这些列中的每一列，我只想简单地找到均值和标准差，但不知道如何进行。 有人可以用简单而非技术性的语言逐步指导我如何做到这
假设我在 LibreOffice calc 中有以下电子表格: | A | B | C | D | ------------------- |1| 1 | 2 | | 2 | |2| 2 |
LibreOffice Calc 中是否有接受 的函数整数 x 和 整数 y 并以该位置吐出单元格的内容？ 有一个功能ADDRESS吐出给定 [x;y] 的地址。问题是我不知道如何取消引用它。 最佳答
我希望能够在 LibreOffice Calc 中选择两个单元格，然后按某种魔术键，结果交换两个单元格的内容。 我怎么做？ 我为 Excel 找到了这个解决方案，但它在 LibreOffice 中不起
我有两列有数字。当另一个有重复时，另一个只有一次数字。这些列中的数字不匹配。我需要在 B 列中找到在 A 列中匹配的所有数字。 这可能更好地解释了它: 甲乙 1 2 2 2 4 5 6 5 7 6 8
我想为 Calc 编写一个返回 #VALUE 的 Basic 函数!可使用 ISERR() 进行测试。 Function foo() foo = #VALUE! End Function 但是
我正在寻找一种使用 LibreOffice 的 Calc 从网站获取一些数据的方法。 我之前使用带有 IMPORTXML 函数的 Google 表格，但因为它非常不可靠，所以我想改用 Calc。 我的
我有这些单元格的 A 列: A1: Apple A2: Banana A3: Cherry 我想要一个公式，将它们串在一个单元格中，如下所示: "Apple, Banana, Cherry" 最佳答案
我想从 LibreOffice Calc 中多次出现的字符中获取最后一次出现。 例如我有一个字符串 abc1ba2ac2adeaa43add .现在，如果我正在搜索 a它应该返回 18。 最佳答案 使
假设我有这个这个单元格: 然后出于某种原因，我想自动反转列的顺序，变成这样: 任何帮助将不胜感激! 最佳答案 快速步骤: 在 1 上方插入新行 用单调递增的整数索引向右填充行。 然后选择您的数据并降序
我想在 LibreOffice Calc(v5.4.4.2 但可以升级)中实现一些条件格式，以突出显示其值通过公式计算而不是直接输入的单元格。 例如，一个单元格包含 =A3 将突出显示，而 Hello
我有一个 LibreOffice 3 电子表格(在 Ubuntu 11.04 上)，其中有一列包含数百个超链接，这些超链接仅显示为“链接”。 我需要将这些转换为纯文本，或者更糟糕的是显示超链接而不是文
我在屏幕上有四个绝对定位的 div，它们需要在所有分辨率下保持它们的位置。 div1 - 高度 150px，顶部 0px div2 - 高度 30%，顶部 150px div3 - 高度 50 像素，
所以我很清楚，一般来说，应该在 JS 和浏览器检测中使用特征检测。 jQuery 1.9 放弃了 $.browser 就是一个很好的例子。 此外，在我阅读的每篇文章中，都说永远不要使用浏览器检测。 但
到目前为止，我一直在使用 em-calc 在我的 Zurb Foundation 元素中定义 CSS 大小。但是，最近我注意到开发人员越来越多地使用 rem-calc。 我知道每个函数的作用，但我不太
如何在另一个 CSS calc 函数中使用 CSS calc 函数？根据这个post这是可能的，但没有这样的例子。 最佳答案 It is possible to use calc() inside a
我是一名优秀的程序员,十分优秀！