Question

似乎我没有丢失DIV或者至少我看到了它。它似乎是关闭和重叠任何建议？我无法看到问题。顶部和底部的效果很好但是Build Release说明和补充发行说明的功能相当不错。

  <h2 class="Billboard">
            <a href="#">System Knowledge Base</a></h2>
        <div class="Billboard">
            <p align="center">
                    <a href="../customercare.aspx">Home</a> I <a href="../customercare.aspx">Customer Care</a> 
                    I <a href="../fieldcustomercare.aspx">Field Customer Care</a> 
                    I <a href="../Logout.aspx"> Logout </a>
                </p>
        </div>

<h2 class="Billboard">
            General System Information</h2>
        <div class="Billboard">
            <p>
                80 Links and Documents
            </p>
        </div>

        **<h2 class="QuickLinks">
            Build Release Notes</h2>
        <div class="QuickLinks">
                <p>
             120 Links and Documents
                </p>
            </div>
        </div>
        <h2 class="QuickLinks">
            Supplemental Release Notes</h2>
      <div style="float:right">
                <p>
10 Link and Documents
                </p>
             </div>**


        <h2 class="Billboard">
            TFACTS Customer Care</h2>
        <div class="Billboard">
            <p>
                10 Link and Documents
            </p>
        </div>
        <h2 class="Billboard">
            Reference Materials and Storyboards
        </h2>
        <div class="Billboard">
            <p>
                250 Links and documents
            </p>
        </div>
        <!-- InstanceEndEditable -->
    </div>

    <!-- CLOSES THE MAIN CONTENT DIV -->

Answer 1

事实上你过早地关闭了<DIV>。请参阅下面我已注释掉的一行。

  <h2 class="Billboard">
            <a href="#">System Knowledge Base</a></h2>
        <div class="Billboard">
            <p align="center">
                    <a href="../customercare.aspx">Home</a> I <a href="../customercare.aspx">Customer Care</a> 
                    I <a href="../fieldcustomercare.aspx">Field Customer Care</a> 
                    I <a href="../Logout.aspx"> Logout </a>
                </p>
        </div>

<h2 class="Billboard">
            General System Information</h2>
        <div class="Billboard">
            <p>
                80 Links and Documents
            </p>
        </div>

        **<h2 class="QuickLinks">
            Build Release Notes</h2>
        <div class="QuickLinks">
                <p>
             120 Links and Documents
                </p>
        <!--- **   </div> RIGHT HERE ** --->
        </div>
        <h2 class="QuickLinks">
            Supplemental Release Notes</h2>
      <div style="float:right">
                <p>
10 Link and Documents
                </p>
             </div>**


        <h2 class="Billboard">
            TFACTS Customer Care</h2>
        <div class="Billboard">
            <p>
                10 Link and Documents
            </p>
        </div>
        <h2 class="Billboard">
            Reference Materials and Storyboards
        </h2>
        <div class="Billboard">
            <p>
                250 Links and documents
            </p>
        </div>
        <!-- InstanceEndEditable -->
    </div>

    <!-- CLOSES THE MAIN CONTENT DIV -->

Answer 2

看起来你有一个额外的结束div标签。我将暂时标记这个问题，因为它过于本地化了。请使用W3C Validator进行以下操作：http://validator.w3.org/check

请参阅下面标有注释的关闭div标记：

     <h2 class="Billboard">
            <a href="#">System Knowledge Base</a></h2>
        <div class="Billboard">
            <p align="center">
                    <a href="../customercare.aspx">Home</a> I <a href="../customercare.aspx">Customer Care</a> 
                    I <a href="../fieldcustomercare.aspx">Field Customer Care</a> 
                    I <a href="../Logout.aspx"> Logout </a>
                </p>
        </div>

<h2 class="Billboard">
            General System Information</h2>
        <div class="Billboard">
            <p>
                80 Links and Documents
            </p>
        </div>

        **<h2 class="QuickLinks">
            Build Release Notes</h2>
        <div class="QuickLinks">
                <p>
             120 Links and Documents
                </p>
            </div> <!-- EXTRA CLOSING TAG IS HERE -->
        </div>
        <h2 class="QuickLinks">
            Supplemental Release Notes</h2>
      <div style="float:right">
                <p>
10 Link and Documents
                </p>
             </div>**


        <h2 class="Billboard">
            TFACTS Customer Care</h2>
        <div class="Billboard">
            <p>
                10 Link and Documents
            </p>
        </div>
        <h2 class="Billboard">
            Reference Materials and Storyboards
        </h2>
        <div class="Billboard">
            <p>
                250 Links and documents
            </p>
        </div>
        <!-- InstanceEndEditable -->
    </div>

    <!-- CLOSES THE MAIN CONTENT DIV -->

解决此DIV问题

2 个答案: