此页面上突然出现“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 ); ?>
非常感谢任何帮助!
答案 0 :(得分:1)
更改skeleton.css,请更改css添加宽度行中的以下行
.column, .columns
{ float: left; display: inline;
/*margin-left: 10px; margin-right: 10px;*/
/* add width to 100% */
width: 100%;
}