CSS如何设置div高度100%减去nPx [重复]

2023-12-30

我有一个包装 div,其中包含 2 个彼此相邻的 div。在这个容器上方,我有一个包含我的标题的 div。包装器 div 必须是 100% 减去标头的高度。标题大约为 60 像素。这是固定的。所以我的问题是:如何将包装 div 的高度设置为 100% 减去 60 px?

<div id="header"></div>
<div id="wrapper">
  <div id="left"></div>
  <div id="right"></div>
</div>

在 CSS3 中你可以使用

height: calc(100% - 60px);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

CSS如何设置div高度100%减去nPx [重复] 的相关文章

  • 宽度:适合内容;在 Chrome 上工作,但在资源管理器上不工作

    我构建了一个应用程序 所有内容都在 Chrome 中完美显示 但如果我在 Windows 资源管理器中打开该应用程序 容器会比应有的小 我在用着width fit content 这是只适用于 Chrome 的东西吗 我怎样才能使其适用于所
  • 使用 CSS 覆盖透明 div 中的不透明文本

    我试图使透明 div 内的文本没有不透明度 也就是全黑 div style background 3cc p style background 000 This text should be all black p div 只用 CSS 就
  • 没有类的 CSS 选择器

    我正在使用选择器来选择不具有一个类的所有元素 list th not foo some rules 我怎样才能将其应用到多个班级 list th not foo list th not bar some rules 上面的 CSS 当然不会
  • 水平对齐输入字段

    我正在尝试获取一个输入字段 并且它与同一水平线上的关联提交按钮相关 但事实证明这是一个挑战 这是我的代码
  • 如何设置 CSS 网格的最大高度

    我有以下 CSS 网格 grid 3x4 display grid grid template columns 1fr 1fr 1fr grid template rows 1fr 1fr 1fr 1fr grid template are
  • 如何在文本区域中使用除“文本插入符号”之外的透明字体?

    我有一个简单的文本区域 我需要制作透明字母 同时允许文本插入符可见 当我应用以下规则时 我会得到隐形插入符 textarea background transparent opacity 0 当我键入不可见文本时 我需要看到文本插入符移动
  • CSS:水平滚动时背景不存在

    好的 我的背景设置如下 HTML div div CONTENT HERE div div CSS container background url image gif content width 800px margin auto 因此
  • 使用deployJava.runApplet来定位特定元素

    经过多年成功维护一个使用旧有的小程序 嵌入Java小程序的方法 我们无法捂住耳朵唱 啦啦啦 不再了 是时候使用 deployJava runApplet 当我使用点击处理程序触发此方法时 此处通过 jQuery 在按钮上使用事件侦听器 但这
  • CSS设置默认滚动位置

    有没有办法将滚动位置设置为默认值 我知道如何在 javascript 中做到这一点 例如使用 jquery div divWithScroll attr scrollTop 200 但我只想用CSS来做 我不知道是否可行 不 CSS 中没有
  • div 边框上的内边距

    我想在 css 边框上添加填充 将其拉入 div 内 远离边缘 使用 css 可以吗 css3 很好 webkit 这是设计 我通过将一个 div 放在一个 div 中 然后给内部 div 一个边框来做到这一点 我想让标记尽可能精简 所以如
  • Jquery 中的动态滚动位置

    请帮助我解决以下情况 我有 3 个页面 当滚动到达第二页时 用户滚动页面 它必须找到特定的 ID 然后触发一个函数 一旦第三页开始 另一个函数就会触发 根据要求我不应该使用任何插件
  • Twitter 嵌入时间轴小部件

    我继续下载http platform twitter com widgets js http platform twitter com widgets js And the http platform twitter com embed t
  • 三级十进制有序列表 CSS

    我有一个 html 中的三级有序列表 我想为其提供如下样式 1 Item 1 1 1 Item 2 1 1 1 Item 3 下一个 plunker 中有一个 html 示例 http plnkr co edit DqhZ5pJILTUHG
  • 闪亮井板宽度

    library shiny library shinydashboard ui lt dashboardPage dashboardHeader dashboardSidebar dashboardBody wellPanel tags d
  • 带显示块的SPAN

    和默认有什么区别 div 元素和默认值 span 元素与display block HTML 元素的有效性和语义存在差异 否则它们是相同的 div and span两者都被定义为通用容器 在 HTML 方面没有更深层次的含义 一个默认为块显
  • Overflow:auto 导致子 DIV 的绝对元素消失

    我有一个 div A 我在其中设置了overflow auto 现在在该 div 内 我有两个 div 父 div B 设置为position relative和子 div C 是position absolute 现在的问题是 设置ove
  • CSS Overflow 属性在 iPad 中不起作用

    我正在为 iPad 设计一些 html 页面 在尝试像 yscroll auto 这样的 css 溢出属性时 iPad 中没有出现滚动条 内容也没有滚动 我在 ipad 模拟器和设备中尝试过 有没有其他方法可以实现这个属性 请帮帮我 提前致
  • css 计数器在 Internet Explorer 中无法工作以获取隐藏内容 - 如何修复?

    我们想要一些编号列表 并发现了这个很酷的计数器 您可以在 css 中使用它来让浏览器为您计算数字 ol instructions counter reset instructions section ol instructions gt l
  • 更改离子搜索栏的占位符和清晰图标颜色不是全局的吗?

    我有两个离子搜索栏 我只需要更改其中之一的占位符和清除图标颜色
  • 位置:绝对在边框半径内且溢出:隐藏

    我遇到了问题border radius在webkit浏览器中找到了解决方案 网址如下 如何在 Chrome Opera 中使 CSS3 圆角隐藏溢出 https stackoverflow com questions 5736503 how

随机推荐

  • Angular UI 引导对话框宽度

    Angular UI Bootstrap Dialog 很容易实现 但很难定制 你到底如何改变宽度 或者甚至是最大宽度 http angular ui github com bootstrap dialog http angular ui
  • 在 Powershell 2 中声明第三方程序集类型的通用列表

    我正在尝试创建一个新的Collections Generic List类型的对象Amazon Cloudwatch Model Dimensions在 Powershell 2 0 中 我可以创建一个Amazon Cloudwatch Mo
  • 我什么时候应该使用 C++ 固定宽度整数类型以及它们如何影响性能?

    通常我想大多数人会使用int对于一切 他们偶尔会使用unsigned int需要的时候 有时你可能会使用short int 也许是为了网络流量什么的 但最近我开始使用std size t用于索引到 STL 容器 正如我应该的那样 然后我开始
  • 载波不渲染,路径存在但图像不显示

    我一直在尝试从载波渲染图片 我相信它已正确上传 因为当我查看页面源代码时 我看到 img alt Photo 44 src uploads user image 59 Photo 44 jpg 但是通过单击该 src url 我得到 No
  • 是否可以从主机程序执行单个 lua 语句?

    我正在尝试将基于 lua 的脚本系统嵌入到我的游戏引擎中 我希望脚本能够同时具有阻塞和非阻塞命令 例如 character walkTo 24 359 Blocks until character arrives c 35 Non bloc
  • GCC:为什么无法在 -std=c11 -Wall 下编译干净的 printf("%f\n", f16) ?

    示例代码 include
  • Eclipse Android 应用程序:使用真实证书签名运行

    有没有一种方法可以让运行按钮使用真正的签名证书而不是调试证书 我想避免在安装开发副本之前从模拟器中卸载 共享用户 应用程序 我已经知道我可以导出签名副本 但我更喜欢自动构建签名副本 在模拟器上运行 我假设您正在使用 Eclipse 首先 通
  • 通过powershell获取IIS日志位置?

    我正在编写一个脚本 希望能够在 IIS 服务器之间轻松移动以分析日志 但这些服务器将日志存储在不同的位置 一些在 C 一些在 D 一些在 W3SVC1 中 一些在 W3SVC3 中 我希望能够让 powershell 自行查找此信息 而不必
  • 从整数序列生成表达式文字列表

    我想将整数序列映射到表达式文字序列 以便将后者用作图中的刻度线标签 例如 lbls lt lapply 2 2 function i expression i pi plot axis 1 at seq 2 2 pi labels lbls
  • Apache Spark 中的驱动程序何时不会运行某个操作?

    我刚刚开始使用 Spark 并且在任务的概念上遇到了困难 任何人都可以帮助我理解何时某个操作 例如减少 不在驱动程序中运行 从火花教程中 使用函数 func 聚合数据集的元素 其中 接受两个参数并返回一个 该函数应该是 具有交换性和结合性
  • 使用 SqlCe 和 EntityFramework 进行插入和更新的语法

    VS 2008 SqlCe 3 5 我正在尝试学习 EntityFramework 但无法让基本的插入和更新工作 当我包含 SqlCe 数据库 sdf 时 向导会创建 Test edmx designer vb 文件 由此我创建了我的数据上
  • jquery.tokeninput 必需

    我有这个很棒的小插件正在运行 但我需要要求至少选择一个名称 我通常使用jquery validate 但是 验证插件似乎不适用于使用 tokeninput 的字段 有人有答案吗 一如既往 非常感谢您的帮助 NewMessage valida
  • 处理 std::thread::hardware_concurrency()

    In my question https stackoverflow com questions 27887654 synchronise push back and stdthread about std thread 我被建议使用std
  • lucene 4.0 快照中缺少的功能

    我正在尝试使用 lucene 4 0 快照版本 但是此版本中缺少 StandardAnalyzer 有人知道如何替换它吗 在给出的示例代码中Lucene总结 http search lucene com jd lucene org apac
  • C# 低级鼠标钩子和表单事件处理

    我正在使用 VS 2010 生成的简单表单 其中包含 2 个按钮 开始和停止 Start 使用 SetWindowsHookEx 触发 WH MOUSE LL stop 停止钩子 挂钩工作正常 我设法用双击 替换 鼠标中键单击 我遇到的唯一
  • 反应悬念/懒惰延迟?

    我正在尝试使用新的 React Lazy 和 Suspense 来创建后备加载组件 这效果很好 但回退只显示几毫秒 有没有办法添加额外的延迟或最短时间 以便我可以在渲染下一个组件之前显示此组件的动画 现在懒惰导入 const Home la
  • Symfony 1.4:使用 SetAttribute 在会话中存储数组

    我想知道是否有人知道如何将数组存储到用户会话中 这是存储单个属性的方法 this gt getUser gt setAttribute something something 文档说 用户属性可以存储任何类型的数据 字符串 数组和关联数组
  • MVC 4 bool 的自定义模板(剃刀)

    我正在使用 twitter bootstrap 框架 因此为了让 EditorFor 和 DisplayFor 方法输出我需要的内容 我为字符串 文本 密码等每种类型创建了自定义模板 对于我的登录页面 我想要一个 RememberMe bo
  • C# - 比较两个 SecureString 是否相等

    我有一个带有两个密码框的 WPF 应用程序 一个用于密码 另一个用于第二次输入密码以进行确认 我本来想用PasswordBox SecurePassword得到SecureString的密码 但我需要能够比较两个密码框的内容 以确保在接受密
  • CSS如何设置div高度100%减去nPx [重复]

    这个问题在这里已经有答案了 我有一个包装 div 其中包含 2 个彼此相邻的 div 在这个容器上方 我有一个包含我的标题的 div 包装器 div 必须是 100 减去标头的高度 标题大约为 60 像素 这是固定的 所以我的问题是 如何将