1

我正在为我的博客 @ http://bornsquishy.ca开发一个新网页

我也在尝试通过http://gridiculo.us/使用网格系统

我遇到的问题是 div 类“网格”在没有关闭 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-->

让我知道是否需要更多代码/信息来回答这个问题。

4

1 回答 1

1

您的评论说<!--.grid left open-->，这是否意味着您要在关闭后关闭div.grid元素？如果是这样，你不能这样做，因为是在里面打开的，所以它必须在标题关闭之前关闭。HTML 元素不能相互“重叠”。</header>divheader

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

您要么需要div在标题之前或之后放置开口，要么在标题div的末尾关闭。

于 2013-05-03T13:24:48.510 回答