背景寬度不顯示100％

Question

在此頁面上突然出現「full left secondary-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%; 
}