Question

开设一个新网页

使用网格系统

我遇到的问题是div类“grid”在标题末尾被关闭而没有关闭div标签，我似乎无法弄清楚为什么会发生这种情况。

以下是关闭head标记后header.php的代码：

<body <?php body_class(); ?>>

<div id="main"><!-- this encompasses the entire Web site -->
<header id="header">        
    <div class="grid">
        <div class="row">
            <div class="c3">
                <div class="logo">
                        <?php if(of_get_option('logo_type') == 'text_logo'){?>
                        <?php if( is_front_page() || is_home() || is_404() ) { ?>
                                                <h1><a href="<?php bloginfo('url'); ?>/" title="<?php bloginfo('description'); ?>"><?php bloginfo('name'); ?></a></h1>
                                        <?php } else { ?>
                                                <h2><a href="<?php bloginfo('url'); ?>/" title="<?php bloginfo('description'); ?>"><?php bloginfo('name'); ?></a></h2>
                                        <?php } ?>

                                        <?php } else { ?>

                                    <?php if(of_get_option('logo_url') != ''){ ?>
                                                 <a href="<?php bloginfo('url'); ?>/" id="logo"><img src="<?php echo of_get_option('logo_url', "" ); ?>" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('description'); ?>"></a>
                                        <?php } else { ?>
                                                <a href="<?php bloginfo('url'); ?>/" id="logo"><img src="<?php bloginfo('template_url'); ?>/images/logo.png" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('description'); ?>"></a>
                                        <?php } ?>

                                        <?php } ?>
                                    </div><!-- .logo -->
            </div><!-- .c3 -->

            <div class="c8">
                    <nav class="primary">
                        <div class="menu-holder">
                            <div class="menu-left">
                                    <div class="menu-right">
                                            <?php wp_nav_menu( array(
                                    'container'       => 'ul', 
                                    'menu_class'      => 'sf-menu', 
                                    'menu_id'         => 'topnav',
                                    'depth'           => 0,
                                    'theme_location' => 'header_menu' 
                                    )); 
                                     ?>
                                    </div><!--.menu-right-->
                                </div><!--.menu-left-->
                        </div><!--.menu-holder-->
                    </nav><!--.primary-->
            </div><!--.c8-->

            <div class="c1 end">
                <div id="rss-feed">
                        <img src="/images/rss-logo.png">    
                    </div><!--.rss-feed-->
                </div><!-- .c1 end-->
        </div><!-- .row -->

        <div class="row">
            <div class="c8">
                <div class="title">
                                    <img src="/images/title.png">
                            </div><!--.title-->
            </div><!--.c8-->
            <div class="c4 end">
                <div id="widget-header">
                            <?php if ( ! dynamic_sidebar( 'Header' ) ) : ?>
                                <!-- Widgetized Header -->
                                <?php endif ?>
                            </div><!--#widget-header-->
            </div><!-- .c4 end -->
        </div><!-- .row -->
    <!--.grid left open-->                         
</header>
<!--#main left open-->

如果需要更多代码/信息来回答这个问题，请告诉我。

Answer 1

您的评论是，这是否意味着您希望在结束div.grid 之后关闭</header>元素？如果是这样，则不能这样做，因为div已在header内打开，因此必须在标头关闭之前关闭它。 HTML元素不能相互“重叠”。

如果您使用Chrome开发者工具或类似工具检查标记，浏览器将看到错误并“修复”您的HTML结构以显示它。

您需要在标题之前或之后放置开头div，或者在标题结尾之前关闭div。

Div标签过早关闭

1 个答案: