奇怪的文字定位

Question

我无法理解为什么#intro中段落中的文字以这样的方式定位：http://www.physoc.org.uk/（页面顶部附近的'Hello everyone ....'文本）。< / p>

我只在#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;
   }