文章/答案/技术大牛

发布

社区首页 >问答首页 >发布div关闭，它的href正在蔓延到其他内容

问发布div关闭，它的href正在蔓延到其他内容
EN

Stack Overflow用户

提问于 2015-09-23 12:04:24

回答 2查看 56关注 0票数 0

我有一个我正在制作的网站，而且我的导航条上有一个div，它似乎正在溢出。如果我在任何地方悬停，除了页眉和页脚，就好像我在一个链接上盘旋。似乎看不到is.It在登录按钮上显示的问题，因为这是在内容上徘徊时所显示的href，但是我已经看过了我的代码，看不到一个未关闭的div。如果能帮上忙的话我会很感激的，这会毁了我的头。

这里是我的小提琴图片是占位符代替我的，但大小相同的大约。

<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>

html

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-09-23 12:11:06

您忘记关闭<a>标记：

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

票数 1

Stack Overflow用户

发布于 2015-09-23 12:12:47

这不是一个</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>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/32739111

复制

相似问题

问发布div关闭，它的href正在蔓延到其他内容
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问发布div关闭，它的href正在蔓延到其他内容EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问发布div关闭，它的href正在蔓延到其他内容
EN