0

テキストが追加される位置に絶対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;
 }

この写真でわかるように、両方のブラウザでこれをレンダリングする方法に違いがあります! 要素のデフォルト スタイルとしてmargin: 0pxとを設定しました。padding: 0pxp

どんな助けでも大歓迎です！追加の 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;
     }
4

3 に答える 3

0

子のオフセットで遊ぶ前に、親の位置を相対に設定します。すべての子要素を絶対に設定したため、それらは引き続き階層を検索して関連付けます。親が相対に設定されていない場合は、body タグまで移動します。

 #text_head {
        position: relative; 
    }
于 2013-06-02T13:21:51.140 に答える