html - 位置 : absolute issue on different browser

Question

我有一个定位的绝对 div，其中将附加文本

<div id="text_head">
   <p class="dot">·</p>
   <div class="line"></div>
   <div class="line"></div>   
   <p id="p_head">Here is my</p>
   <p id="p_sub">WEB DESIGN</p>
</div>

和下面的CSS

.dot {
    color: #FFFFFF;
    font-size: 80px;
    left: 131px;
    position: absolute;
    top: 22px;
 }

  .line { 
    background-color: #FFFFFF;
    height: 2px;
    position: absolute;
    right: 0;
    top: 67px;
    width: 118px;
 }  

正如您在此 Picture 中看到的那样两种浏览器呈现的方式不同!我将 margin: 0px 和 padding: 0px 设置为 p 元素的默认样式!

任何帮助将不胜感激!编辑额外的 CSS:

p { margin: 0;
    padding: 0;
    color: #FFF; 
    }

#p_head { 
    font-family: impregnable_personal_use_onRg;
    font-size: 74px;
    margin: 0;
    padding: 0;
     }  

#p_sub { 
    font-family: alternategothic2_btregular;
    font-size: 54px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
     }

Answer 1

可能是 line-height 的问题。您是否尝试重置 p 上的行高？

p {line-height: 1.2;}

或者你可以重置所有的行高:

body {line-height: 1.2;}