社交媒體圖標位置不一致通過頁面

Question

我想讓它保持與頁面更改相同的位置，我知道它很簡單，但我似乎無法弄清楚。謝謝，亞當。

http://aginther14.interactivedesignlab.com/index.html

<div id="socialnetworks"> 
<a href="http://www.linkedin.com/profile/view?id=215921152" target="_blank"><img src="images/linkedin.png" width="40px" height="40px" alt="linkedin"></a> 
<a href="http://www.facebook.com/whoisthecoolestpersonalive" target="_blank"><img src="images/facebook.png" width="40px" height="40px" alt="facebook" ></a> 
<a href="https://twitter.com/GintherTheGreat" target="_blank" alt="twitter"><img src="images/twitter.png" width="40px" height="40px"></a> 
</div> 



#socialnetworks { 
    padding-left: 16px; 
} 
} 

http://aginther14.interactivedesignlab.com/index.html

Answer 1

使用position：絕對或位置是：固定

絕對

<div id="socialnetworks"> 
<a href="http://www.linkedin.com/profile/view?id=215921152" target="_blank"><img src="images/linkedin.png" width="40px" height="40px" alt="linkedin"></a> 
<a href="http://www.facebook.com/whoisthecoolestpersonalive" target="_blank"><img src="images/facebook.png" width="40px" height="40px" alt="facebook" ></a> 
<a href="https://twitter.com/GintherTheGreat" target="_blank" alt="twitter"><img src="images/twitter.png" width="40px" height="40px"></a> 
</div> 



#socialnetworks { 
    position:absolute; bottom:5px; left:16px; 
} 

這將其放置在底部左C orner，並保持在那裏，除非左邊的內容變大。

如果您隨時將其保留在左下角，請始終使用fixed。

固定

<div id="socialnetworks"> 
<a href="http://www.linkedin.com/profile/view?id=215921152" target="_blank"><img src="images/linkedin.png" width="40px" height="40px" alt="linkedin"></a> 
<a href="http://www.facebook.com/whoisthecoolestpersonalive" target="_blank"><img src="images/facebook.png" width="40px" height="40px" alt="facebook" ></a> 
<a href="https://twitter.com/GintherTheGreat" target="_blank" alt="twitter"><img src="images/twitter.png" width="40px" height="40px"></a> 
</div> 



#socialnetworks { 
    position:fixed; 
    bottom:5px; 
    left:16px; 
}