绝对位置是否使该元素成为包含块?

2023-12-12

在css2.1规范中,w3.org,有一个例子解释了包含块是如何形成的。

<P id="p2">This is text 
    <EM id="em1"> 
        in the
        <STRONG id="strong1">second</STRONG> 
        paragraph.
    </EM>
</P>

当位置em作为静态,strong的包含块是通过以下方式建立的p,但是当位置em作为绝对的,strong的包含块是通过以下方式建立的em.

我浏览了有关包含块的章节,但找不到绝对位置是否会形成新的包含块。我有什么遗漏的吗?


我们确定#strong1是一个非定位的内联框。因此,从规格来看,

[...]如果元素的位置是“相对”或“静态”,则包含块由最近的块容器祖先框的内容边缘形成。

When #em1不是绝对定位的,它仍然是一个内联框。最近的块容器祖先框#strong1 is #p2, 所以#p2是它的包含块。

When #em1是绝对定位的,它会变成一个块盒子,如图所示第9.7节。这使得它成为最接近的块容器祖先框#strong1, 所以#em1成为它的包含块。一个块盒是defined作为块级块容器盒。

那么绝对定位是否会导致元素为相对定位或非定位的框建立包含块?是的,但仅当绝对定位导致元素的框成为这些框的最近的块容器祖先时。


请注意,这是一个相当简化的情况,因为中的唯一框#em1是内联框(包括周围的两个匿名内联#strong1)。除此之外,并非所有块级框都是块容器(表是不是块容器框的块级框的常见示例),即使绝对定位does导致元素生成块框,因为我们在这里讨论的是内联框,所以内联框的块容器很可能是匿名块框within绝对定位的元素,如果该元素恰好包含块级框和内联级框的混合。这个复杂的案例详述于第 9.2.1.1 节.

但并发症还不止于此。我之所以说“很可能是”,是因为 CSS2.1 中没有定义匿名块盒是否能够建立包含块。

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

绝对位置是否使该元素成为包含块? 的相关文章

  • 如何设置视频文件的预览,从输入类型='文件'中选择

    在我的模块之一中 我需要从 input type file 浏览视频 之后我需要在开始上传之前显示选定的视频 我使用基本的 HTML 标签来显示 但它不起作用 这是代码 document on change file multi video
  • 如何保留用户的输入打印?

    我正在尝试添加用户的评论 所以我只是尝试读取输入并将其发送以进行打印 但问题是 一旦我刷新页面或输入另一个输入 打印的输入就会消失 因此 即使刷新页面或重新输入新评论 我也希望始终保持所有用户的显示 代码 div div
  • 如何使自定义 Web 组件可聚焦?

    我正在写一个自定义网络组件 https github com denilsonsa html5 knob这意味着是互动的 我如何告诉浏览器这个自定义组件应该获得焦点 我希望我的自定义元素 可以聚焦 通过选项卡导航 集中注意力时可以接收按键信
  • jQuery mobile 中的文本区域高度和宽度?

    我修复了 jQuery mobile 中文本区域元素的高度 并且在纵向中得到了完美的高度和宽度 但在横向中宽度没有放大 谁能帮我 提前致谢 HTML
  • 在 Angular html 模板中访问常量枚举

    假设我有一个常量枚举 export const enum MyConstEnum Value1 Value1 Value2 Value2 Value3 Value3 现在我想在我的 Angular 模板中使用它 span This has
  • 将鼠标悬停在原点时会触发translateY()

    当您将光标移动到按钮底部时 是否可以无限期地不触发动画 它看起来是这样的 gif https i stack imgur com QwdHW gif and codepen https codepen io jaeyson pen GwwJ
  • 将 XSL-FO 转换为 HTML

    我有一组用于 PDF 生成的 XSL FO 文档 我还需要将相同的输出数据 PDF 格式 导出为 HTML 文件 此外 我需要 HTML 具有与 PDF 类似的样式 有没有办法使用 C 将 XSL FO 转换为 XHTML NOTE 我知道
  • div 中的中心文本?

    我有一个div 30px高和500px宽的 这div可以包含两行文本 一行在一行 并相应地设置样式 填充 但有时它只包含一行 我希望它居中 这可能吗 要水平居中 请使用text align center 要垂直居中 只能使用vertical
  • VueJS 中数据无法正确显示

    我的 VueJS 代码有一个小问题 在 输出 压缩的 GS1 数字链接 URI 部分中 When there is no result it should have nothing display like this I have remo
  • 如何在其他div id的悬停中使用div显示块

    如何打开div悬停时标记href tag 这是我在悬停 href 标签上显示 div 标签的代码 Services is id of href tag Services is id of div tag Service hover Serv
  • 防止垃圾邮件按钮呼叫功能

    如何防止调用函数时出现垃圾邮件按钮 就像用户只能在按钮上每 1 秒调用一次该函数 有办法做到吗 因为我尝试了 setTimeout 但没有成功 它仍然在发送垃圾邮件 顺便说一句 我使用 Jquery 这是我的代码
  • 如何在Yii框架中向Form添加类?

    我在 Yii 中有一个表单 我想向该表单添加一个类
  • 转义 h 轮廓

    因此 我一直在尝试找出在被较低级别的标题吸引后添加内容的最佳方法是什么 section h1 Title of Section h1 h2 Related 1 h2 h2 Related 2 h2 p I NEED THIS TO BE P
  • 导航栏下拉菜单(折叠)在 Bootstrap 5 中不起作用

    我在尝试使用以下命令创建响应式菜单或下拉按钮时遇到问题Bootstrap 5一切似乎都正常 导航图标和下拉图标出现 但它不起作用 当我单击nav图标或dropdown按钮 无dropdown menu apears 我想特别提到的是 我还包
  • javascript 选择自定义光标 (svg)

    我正在动态地将光标更改为悬停时的本地 svg element on mouseover function this css cursor url svgs pointer svg 9 30 auto 工作正常 但我想选择该 svg 来操纵其
  • 如何通过单击链接来更改 div 的内容?

    这是我的网页的 修改后的 jsfiddle 它还有很多 而且定位是正确的 与此相反 http jsfiddle net ry0tec3p 1 http jsfiddle net ry0tec3p 1 a href class btn1 st
  • 具有 100% 高度行和 Internet Explorer 9 的表格

    我有以下示例 div style height 150px background color AAAAFF div
  • 使用 CSS 的响应式图像

    我发现调整图像大小以使其具有响应能力很棘手 我正在开发一个 php 应用程序来自动将网站转换为响应式版本 我有点被图像困住了 我已经成功地为网站上的每个图像添加了一个包装类 并且可以很好地调整图像的大小 我的问题在于自然小于窗口的图像 例如
  • 使用 CSS 折叠和展开元素

    我正在尝试构建一个页面 加载时仅可见标题 并且 当用户单击标题时 每个标题下方的表格会在隐藏和显示状态之间切换 我的限制是只能在 CSS 中执行此操作 这是我到目前为止想到的 https jsfiddle net Argoron c1ypx
  • 禁用允许文本选择的

    残疾人可以吗

随机推荐

  • 我可以使用 google api 对文件设置锁定吗?

    当我查看Gdrive时 还有一个fuse客户端来挂载Gdrive 我想知道 当通过这个客户端修改Gdrive上的文件时 该文件是否被 锁定 或以任何其他方式设置为 正在使用 以防止其他人修改互联网上的 原始 文件 我还没有找到任何与此有关的
  • Bluez 5 未知连接标识符

    我有一个运行最新 Raspbian 的 Raspberry Pi 3 并且我有 从 5 23 升级了 bluez 至 5 43 我正在尝试连接到 BLE 以 2 秒间隔发布广告的设备 我写了一些基于的代码 在 gatttool 上并尝试连接
  • 尼黑阈值处理

    我正在尝试实现 niblack 阈值算法 该算法使用以下公式 pixel pixel gt mean k standard deviation object background 其中 k 的标准值为 0 有人可以告诉我如何在matlab中
  • window.onunload 仅在 Firefox 中关闭选项卡时触发,而不是整个浏览器关闭

    UPDATE 因此 在阅读了您的两个答案后 我意识到没有可靠的方法来确定浏览器窗口何时关闭 本来我打算在页面关闭时用它来解锁数据库中的一条记录 基本上 当用户加载页面时 它访问的记录会锁定 然后在页面关闭时解锁 关于如何以不同 更好的方式做
  • 从 Eclipse 启动 Tomcat 时出现“SetPropertiesRule”警告消息 [重复]

    这个问题在这里已经有答案了 当我从 Eclipse 3 4 启动 Tomcat 6 0 18 时 我收到以下消息 日志中的第一个消息 警告 SetPropertiesRule 服务器 服务 引擎 主机 上下文 将属性 源 设置为 org e
  • 在块矩阵中排列 numpy 数组

    我有 3 个 numpy 数组A B and C 为了简单起见 我们假设它们都是形状的 n n 我想将它们排列为块矩阵 A B B t C where B t应表示转置B 当然 我可以通过一系列串联来做到这一点 top row np con
  • Maven Surefire 找不到 ForkedBooter 类

    最近来到一个新项目 我正在尝试编译我们的源代码 昨天一切都很好 但今天却是另一回事了 每次我跑步的时候mvn clean install在模块上 一旦达到测试 它就会崩溃并出现错误 INFO maven surefire plugin 2
  • 4个字节怎么能存储这么大的值3.4e38

    与 32 位一样 我们只能存储 2 32 位数据 在C语言中 我们如何存储这么大的值3 4e38 我无法理解其背后的机制 在 IEEE 754 32 位二进制浮点格式中 32 位用作 一位符号字段 s 八位指数字段 e 23 位有效数 小数
  • 从2加入多线程访问UI线程控件

    我目前正在为我的公司开发一个小型自动更新项目 经过对多线程的一些研究后 我设法构建了以下代码 线程 01 Private Sub startUpdate If InvokeRequired Then Invoke New FTPDelega
  • 当用户单击上下文菜单中的禁用项目时,会调用哪个事件?

    我有一个按钮 它显示上下文菜单 菜单中有几个项目 其中一些被禁用 setEnabled false 当用户单击禁用的项目时 会调用哪个事件 它不是 onContextItemSelected 也不是 onContextMenuClosed
  • sizeof 运算符给出了 C# 中结构的额外大小[重复]

    这个问题在这里已经有答案了 我正在尝试使用 sizeof 运算符检查所有变量 值类型 的大小 我经历了其中之一msdn 文章哪里写着 对于所有其他类型 包括结构体 sizeof 运算符只能在不安全的代码块中使用 而且结构不应包含任何引用类型
  • 检查 JPanel 是否包含 JButton

    我已经添加了一个按钮JPanel 我想删除该按钮 如果JPanel包含按钮 有什么办法可以检查是否JPanel包含按钮 如果您有参考JButton call 获取父级 如果父母是null 按钮不在面板 或任何容器 中 或者 按照 kleop
  • 如何在 Nodejs 循环中将值收集到数组中?

    我编写了下面的代码 尝试将视频收集到数组中然后返回 代码是错误的 但我无法找出正确的方法来做到这一点 var redis require redis var client redis createClient app get topvide
  • VS Code:jupyter笔记本逐行运行

    最近 VSCode 进行了更新 之后我的 jupyter 笔记本界面发生了变化 这给我带来了很多问题 现在我不知道如何逐行运行单元格代码等 还有其他方法可以做到这一点吗 或者我怎样才能恢复到旧版本的笔记本电脑 打开命令面板 Windows
  • 从conftest.py访问测试文件名

    我正在尝试做什么 我正在使用 pytest 在 python 中编写一个小框架 作为拆卸的一部分 我正在截取屏幕截图 现在 我希望根据正在运行的测试来命名该屏幕截图 而不是 conftest py 例如 我现在的代码是 driver sav
  • 如何根据另一个字段中的值设置 SharePoint 列表字段中的默认值?

    我在 SharePoint 中有一个自定义列表 特别是 MOSS 2007 其中一个字段是标题为 有缺陷吗 的是 否复选框 另一个字段是 关闭者 指定关闭票证的人 如果没有缺陷 那么我希望票证自动关闭 如果有 则应稍后填写 关闭者 字段 我
  • Typescript :: 相关通用约束

    In React 我有一个像这样的通用界面 interface BaseProps
  • 解析 HTML 文本时的正则表达式与 XPath

    我想解析 HTML 文本并找到特殊部分 例如第 3 行中的文本div of 1st row和第二个column of a table 我有 2 个解析选项 正则表达式和 XPath 每一种的优点和缺点是什么 thanks 这在某种程度上取决
  • 获取运行脚本的父目录

    在 PHP 中 最简洁的方法是什么 parent当前运行脚本相对于 www 根目录的目录 假设我有 SERVER SCRIPT NAME relative path to script index php Or just something
  • 绝对位置是否使该元素成为包含块?

    在css2 1规范中 w3 org 有一个例子解释了包含块是如何形成的 p This is text em in the strong second strong paragraph em p 当位置em作为静态 strong的包含块是通过