Question

我有一个问题因为某些原因我的标签菜单显示了相反的方式，即它应该它应该有右上方的标签和容器左侧的标签，但仅在标签出现在右侧，我似乎无法弄清楚

这是我的html列表，一些脚本和应用于它们的CSS

<ul>
    <li class="dealer tabbed"><a>Manufacturer Dealer</a></li>
    <li class="lender tabbed"><a>Lender<br />&nbsp</a></li>
    <li class="developer tabbed"><a>Developer<br />&nbsp</a></li>
 </ul>

<ul class="side">
    <li class="overview tab"><a>Overview</a></li>
    <li class="tour tab"><a>Take the tour</a></li>
    <li class="websites tab"><a>Example websites</a></li>
    <li class="faq tab"><a>FAQ</a></li>
    <li class="support tab"><a>Support</a></li>
</ul>

  <div id="mainContainer">
        <div class="div1 hide">
            overview
        </div>
        <div class="div2 hide">
            take the tour</div>
        <div class="div3 hide">
            example websites</div>
        <div class="div4 hide">
            faq</div>
        <div class="div5 hide">
            support</div>

为每个边栏重复

 $(".overview").click(function () {
    $(".hide").hide();
    $(".div1").show();
    $(".tab").addClass("inactive");
    $(".overview").removeClass("inactive");
    $(".overview").addClass("active");

重复每个顶部标签

$(".dealer").click(function () {
    $(".hide").hide();
    $(".div1").show();
    $(".tabbed").addClass("inactive");
    $(".dealer").removeClass("inactive");
    $(".dealer").addClass("active");

CSS：

#container {
    position:relative;
}

#mainContainer {
    left:130px;
    position:absolute;
    top:73px;
}



.div1, .div2, .div3, .div4, .div5, .welcome {
    position:relative;
    bottom:100px;
    top:0px;
}

    .topnav ul li a {
    float:left;
}

Answer 1

好的，我发现问题只是因为需要一个左：0;添加到CSS这似乎解决了我的问题

即向后显示事物？怎么修

1 个答案: