html - css:为什么文本会在删除位置后向上移动:绝对

标签 html css

HTML代码:

<!DOCTYPE html>
<html>
    <head>
        <style>
            h2 { position:absolute;}
        </style>
    </head>
    <body>
        <h2>This is a heading with an absolute position</h2>
    </body>
</html>

问题:

如果我删除这一行:position:absolute; , <h2>...</h2> 中的文本会向上移动,为什么?

最佳答案

在默认 View 中,没有 CSS...

position: absolute; 存在时,边距不会折叠。

enter image description here


当您删除 position: absolute; 时,边距会塌陷,并且会与正文的边距混合在一起。

enter image description here

关于html - css:为什么文本会在删除位置后向上移动:绝对,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18415969/

相关文章:

javascript - 更新: Querying lists in SharePoint 2013

在 HTML5 中拖放 Javascript

css - 使用 {% for post in site.posts %} 从特定子文件夹中提取

javascript - 没有js动画效果css渐变

php - 禁用按钮连接到数据库

jquery - 用 css 类选择器覆盖 JQuery 类选择器

javascript - 切换对话框在 jQuery 中不起作用。如何在按钮点击时显示动画对话框?

html - 如何在 css 中区分 ipad 和 ipad pro 的媒体屏幕

html - 使 div 坚持屏幕大小的百分比

html - Div 不占父 div 的高度(w/bootstrap)