php - 背景宽度未显示 100%

Question

突然间，此页面上的“全左辅助-bg”背景 div：http: //goo.gl/OU4MkW没有达到屏幕的全宽，我不明白为什么。这是一个建立在骨架框架上的基于 WordPress 的网站。这是页面正文区域的 php：

<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>

            <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

            <?php if (!is_page_template('onecolumn-page.php')) { ?>
                <?php if (is_front_page() && !get_post_meta($post->ID, 'hidetitle', true)) { ?>

                    <div class="full left secondary-bg">
                        <div class="container">
                            <div class="sixteen columns alpha">
                                        <div class="eight columns alpha hp">
                                            <?php the_content()?>
                                        </div>
                                        <div class="seven columns offset-by-one omega">
                                            <div class="post-area">
                                                <h2><?php the_field('featured_art_title'); ?></h2>
                                                <div class="featured-post-wrap">
                                                    <img src="<?php the_field('featured_art_image'); ?>" alt="Featured Art Post" />
                                                </div>
                                                    <p>
                                                        <?php the_field('featured_art_description'); ?> <a href="<?php the_field ('view_all'); ?>">View More</a>
                                                    </p>

                                             </div>
                                         </div>
                               </div>
                          </div><!-- container -->
                      </div>

                <?php } elseif (!get_post_meta($post->ID, 'hidetitle', true)) { ?>

                    <h1 class="entry-title"><?php the_title(); ?></h1>

                <?php } else {
                    echo '<br />';
                } ?>
            <?php } ?>

                <!--<div class="full left">

                    <?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'skeleton' ), 'after' => '</div>' ) ); ?>
                    <?php edit_post_link( __( 'Edit', 'skeleton' ), '<span class="edit-link">', '</span>' ); ?>
                </div> .entry-content -->

            <?php comments_template( '', false ); ?>

任何帮助将不胜感激！

Answer 1

更改skeleton.css，请更改css中的以下行添加宽度行

.column, .columns                          
 { float: left; display: inline; 
 /*margin-left: 10px; margin-right: 10px;*/
 /* add width to 100% */
 width: 100%;
}