画像リンクが動作しません。私はリンクとして画像を持っており、そのうちの1つだけが動作します

Question

私はリンクとして画像を持っています。その1つは動作します。私は何が起こっているのか分からない、すべてがうまくなります： -/

<div class="face"> 
     <a href="www.facebook.com" target="_blanket"><img src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/facebook_circle_black-128.png" width="5%"> 
     </a> 
    </div> 
    <div class="twitter"> 
     <a href="www.twitter.com"><img src="http://www.evilthemovie.com/images/twitter.jpg" width="16%"> 
     </a> 
    </div> 
    <div class="mail"> 
     <a href="www.gmail.com" target="_blanket"><img src="http://pickering-communications.com/wp-content/uploads/2014/02/iconmonstr-email-9-icon-1_zpsf6261ecf.png" width="11%"> 
     </a> 
    </div> 

    .face{ position:relative; top: -230px; left: 300px; } 
    .twitter{ position: absolute; top:22px; left: 900px; } 
    .mail{ position: absolute; top: 21px; left: 883px; } 

Answer 1

faceは-230 top位置を持っているので、画面の外です。 twitterは、おおよそx位置がmailであるため、お互いに重なり合っています。

は、私は少しあなたのCSSを変更し、今あなたが見ることができるはず全て3：

.face{ position:relative; top: 22px; left: 300px; } 
    .twitter{ position: absolute; top:22px; left: 600px; } 
    .mail{ position: absolute; top: 21px; left: 900px; } 

例：http://codepen.io/nilestanner/pen/dpyQvZ