Fatal编程技术网
  • css/
  • Css 绝对位置：后

Css 绝对位置：后

css

Css 绝对位置：后,css,css-position,Css,Css Position,我有一个非常简单的html代码 <div> <h1>This is a test </h1> </div> 如果我运行此代码（至少在Chrome中），文本后面会有一条红线 但是，如果我删除“位置：绝对”这一行，这条红线也会删除 有人能帮我解释一下这种情况吗？：after和：before默认情况下，伪元素是内联的。默认情况下，空内容的大小为零，您不能将其设置为width和height 如果要查看这些伪元素，需要将它们绝对定位或设

我有一个非常简单的html代码

<div>
    <h1>This is a test </h1>    
  </div>
如果我运行此代码（至少在Chrome中），文本后面会有一条红线 但是，如果我删除“位置：绝对”这一行，这条红线也会删除

有人能帮我解释一下这种情况吗？

：after
和
：before
默认情况下，伪元素是
内联的。默认情况下，空内容的大小为零，您不能将其设置为
width
和
height


如果要查看这些伪元素，需要将它们绝对定位或设置为
display:table/block
，等等。
您想做什么？请解释清楚！我懂了。因此，我能理解，如果我们设置元素的“绝对”位置，我们会使它变成“块”？@wraith:看到这个小提琴了吗：。第一个是内联的，
width:0；身高：0由于我同时设置了宽度和高度。第二个是绝对定位的，有我之前设置的大小。对于伪元素，情况也是一样的。

h1:after
{
background-color:red;
    content:'';    
    height:2px;
    width:100%;
    position:absolute;
}