問題div關閉，它的href溢出到其他內容

我有一個網站，我正在做，有一個div從我的導航欄，似乎溢出。如果我懸停在任何地方，但頁眉和頁腳就好像我在一個鏈接上盤旋。似乎無法看到問題是什麼。它似乎來自我的登錄按鈕，因爲這是懸停在內容上時顯示的href，但我已經通過我的代碼，看不到一個未關閉的div。真的很感謝這個幫助，它破壞了我的頭。問題div關閉，它的href溢出到其他內容

這是我的Fiddle圖片是佔位符代替我的，但大小約相同。

<body> 
<div class="page-wrap"> 

<header class="topbar topbar-grey"> 
    <div class="topbar-left"> 
     <div class="topbar-logo"> 
      <a href="/"> 
       <img class="mysite-logo" src="http://lorempixel.com/output/cats-q-c-128-128-6.jpg" alt="Mysite Logo" /> 


      </a> 

     </div> 
    </div> 
    <nav class="topbar-nav"> 
     <ul class="topbar-nav-main"> 
      <li id="home-nav"><a href="index.html">Home</a></li> 
      <li id="about-nav"><a href="about.html">About</a></li> 
      <li id="contact-nav"><a href="contact.html">Contact</a></li> 
      <li id="gallery-nav"><a href="gallery.html">Gallery</a></li> 
      <li id="comissions-nav"><a href="comissions.html">Comissions</a></li> 
     </ul> 
    <div class="topbar-right"> 
    <div class="hamburger"><img src="http://lorempixel.com/output/food-q-c-48-48-1.jpg"></div> 
    <div class="hamburger3"><img src="http://lorempixel.com/output/food-q-c-48-48-1.jpg"></div> 
    <div class="hamburger2"><a href="login.html">Login</div> 
    </div> 
    </nav> 

    </header> 

    <div class="contentstuff"> 

    <div class="col col1"> 
    <div class="box1"> 
    <div id="box-image"> 

        </div> 
    </div> 
    <div class="box3"> 
    <div id="box-image2"> 

        </div> 
     </div> 
    </div> 

    <div class="col col2"> 
    <div class="box2"> 

    <div id="slideshow-wrap"> 
    <input type="radio" id="button-1" name="controls" checked="checked"/> 
    <label for="button-1"></label> 
    <input type="radio" id="button-2" name="controls"/> 
    <label for="button-2"></label> 
    <input type="radio" id="button-3" name="controls"/> 
    <label for="button-3"></label> 
    <input type="radio" id="button-4" name="controls"/> 
    <label for="button-4"></label> 
    <input type="radio" id="button-5" name="controls"/> 
    <label for="button-5"></label> 
    <input type="radio" id="button-6" name="controls"/> 
    <label for="button-6"></label> 
    <input type="radio" id="button-7" name="controls"/> 
    <label for="button-7"></label> 
    <input type="radio" id="button-8" name="controls"/> 
    <label for="button-8"></label> 
    <input type="radio" id="button-9" name="controls"/> 
    <label for="button-9"></label> 
    <input type="radio" id="button-10" name="controls"/> 
    <label for="button-10"></label> 

    <div id="slideshow-inner"> 
     <ul> 
      <li id="slide1"> 
       <img src="http://lorempixel.com/output/animals-q-c-550-550-10.jpg" /> 

      </li> 
      <li id="slide2"> 

      </li> 
      <li id="slide3"> 
       <img src="http://lorempixel.com/output/animals-q-c-550-550-10.jpg" /> 

      </li> 
      <li id="slide4"> 
       <img src="http://lorempixel.com/output/animals-q-c-550-550-10.jpg" /> 

      </li> 
      <li id="slide5"> 
       <img src="http://lorempixel.com/output/animals-q-c-550-550-10.jpg" /> 

      </li> 
      <li id="slide6"> 
       <img src="http://lorempixel.com/output/animals-q-c-550-550-10.jpg" /> 

      </li> 
      <li id="slide7"> 

      </li> 
      <li id="slide8"> 
       <img src="http://lorempixel.com/output/animals-q-c-550-550-10.jpg" /> 

      </li> 
      <li id="slide9"> 
       <img src="http://lorempixel.com/output/animals-q-c-550-550-10.jpg" /> 

      </li> 
      <li id="slide10"> 
       <img src="http://lorempixel.com/output/animals-q-c-550-550-10.jpg" /> 

       </li> 
      </ul> 
     </div> 
    </div> 


    </div> 
    <div class="box4"> 
    <div id="box-image3"> 

        </div> 
    </div> 
    </div> 


</div>

<footer class="site-footer"> 


<div class="row-1"> 
    <div class="logofooter"> 
        <a class="logofooter" href="index.html"> <img src="http://lorempixel.com/output/cats-q-c-128-128-6.jpg"></a> 
        <div class="brand"> 
         <a href="index.html"> MySiteLogo</a> 
        </div> 
      </div> 
       <ul class="legal"> 
        <li><a href="privacy.html">Privacy Policy</a></li> 
        <li><a href="legal.html">Legal</a></li> 
        <li><a href="disclaimer.html">Disclaimer</a></li> 
        <li><a href="contact.html">Contact</a></li> 
       </ul> 

      <div class="social">  

       <ul class="socicons"> 
        <li><a class="facebook" href="https://www.facebook.com"> <img src="http://lorempixel.com/output/abstract-q-c-64-64-10.jpg"></a></li> 
        <li><a class="twitter" href="https://www.twitter.com"><img src="http://lorempixel.com/output/abstract-q-c-64-64-10.jpg"> </a></li> 
        <li><a class="instagram" href="https://www.instagram.com"><img src="http://lorempixel.com/output/abstract-q-c-64-64-10.jpg"> </a></li> 
       </ul> 
      </div> 
     </div> 
      </div> 

</footer> 
</body> 

</html>

來源

2015-09-23 TaliZorah

嘗試通過HTML驗證程序（如[this]）運行您的代碼（https://validator.w3.org/#validate_by_input）。它會幫助你找到所有這些「非缺陷」。 – csmckelvey

非常感謝你:) – TaliZorah

你忘了關<a>標籤：

<div class="hamburger2"><a href="login.html">Login</div>

來源

2015-09-23 12:11:06 Vitor

非常感謝！我感到很傻。猜猜我剛剛一直盯着它看了很久，我看不到它。再次感謝！ – TaliZorah

它不是一個</div>你缺少你的登錄鏈接收盤</a>標籤。

<div class="topbar-right"> 
    <div class="hamburger"><img src="http://lorempixel.com/output/food-q-c-48-48-1.jpg"></div> 
    <div class="hamburger3"><img src="http://lorempixel.com/output/food-q-c-48-48-1.jpg"></div> 
    <div class="hamburger2"><a href="login.html">Login</div> 
    </div>

來源

2015-09-23 12:12:47 andre3wap

問題div關閉，它的href溢出到其他內容

回答

相關問題