css - 奇怪的文本定位

Question

我不明白为什么#intro 中的段落中的文本以这样的方式定位自己：http ://www.physoc.org.uk/ （“大家好……”文本靠近顶部页）。

我只有在#intro 上有样式：

#intro {
    position:relative;
    top:160px;
    height:87px;
    background-color: rgba(255,255,255,0.6);
    border-radius: 10px;
    moz-border-radius: 10px;
    webkit-border-radius: 10px;
    font-size: 18px;
    font-weight:bold;
}

， 谢谢

Answer 1

尝试这个：

#intro p {
    margin: none;
    position: relative;
    top: -140px;
    left: 10px;
}

截屏：

Answer 2

或者你可以这样做：

#intro{ position: absolute; width: inherit; }

Answer 3

尝试给 p 标签绝对定位：

   #intro{
       position:absolute;
   }