html錨定標記穿過屏幕

我正在創建一個基本的HTML網站 - 在做這件事的時候，我注意到我的錨定標記（）會以黑色背景一直穿過屏幕 - 這也是一個頁腳。html錨定標記穿過屏幕

<!DOCTYPE html> 
 
<html ng-app="myApp"> 
 
\t <head> 
 
\t \t <title>Under construction</title> 
 

 

 
\t \t <link rel="stylesheet" style="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 
 
\t \t <link rel="stylesheet" style="text/css" href="app/stylesheets/stylesheet.css"> 
 

 
     <script src="//code.angularjs.org/1.3.0-rc.1/angular.min.js"></script> 
 
     <script src="https://code.angularjs.org/1.3.0-rc.1/angular-route.min.js"></script> 
 
     <script src="app/JS/app.js"></script> 
 

 
\t </head> 
 

 

 

 
\t <body> 
 

 

 
\t \t 
 
\t <div class="container"> 
 
\t \t <div ng-view> 
 
\t \t \t 
 
\t \t </div> 
 
\t </div> 
 

 

 

 
     <div id="footerDiv" class="footBackground"> 
 
<hr> 
 
      <a href="" target="_blank"> 
 
       <div ng-init="imgsrc ='app/images/linkedin.png'" ng-mouseover="imgsrc='app/images/linkedinHover.png'" ng-mouseout="imgsrc='/app/images/linkedin.png'"> 
 
        <img ng-src="{{imgsrc}}" width="50" height="50" class="footLinkedIn"></img> 
 
       </div><br /> 
 
      </a> 
 

 
     <a href="" target="_blank"><h5><span>Website created by <br />Adam parker</span></h5></a> 
 
<hr> 
 
     </div> 
 

 
\t </body> 
 
</html>

我已經試過很多次 - 擺脫擴展錨標記，但我的一切我都試過不工作。

我試過通過CSS編輯錨標記，但它仍然不起作用這也是一段簡短的代碼，所以我不明白爲什麼它會在屏幕中途過度。請有人幫忙嗎？

PS。我刪除了代碼 - 但是，當我在頁腳上工作時，所有已刪除的代碼都被註釋掉了，我只是想要移除錨標籤太長。

來源

2015-10-15 apark

我沒有看到錨標記「將所有的方式在屏幕上採用了黑色背景」 – cocoa

您的定位標記包含整個div，它跨越頁面的寬度運行。只是顛倒了順序。

<div ng-init="imgsrc ='app/images/linkedin.png'" ng-mouseover="imgsrc='app/images/linkedinHover.png'" ng-mouseout="imgsrc='/app/images/linkedin.png'"> 
    <a href="https://uk.linkedin.com/pub/adam-parker/101/29/910" target="_blank"> 
    <img ng-src="{{imgsrc}}" width="50" height="50" class="footLinkedIn" /> 
    </a> 
</div>

Example here

來源

2015-10-15 15:03:09 SeeSharp

對不起，我本來應該更清晰 - 一個完美的作品，它是不過鏈接下面的文字「創建亞當帕克」。 – apark

@apark - 同樣的原因，但你的

s。我已經更新了小提琴。 – SeeSharp

是的工作，非常感謝你！ – apark

html錨定標記穿過屏幕

回答

s。我已經更新了小提琴。 – SeeSharp

相關問題