0

基本上,我将页面分成两列,并尝试将侧边栏代码插入右侧(span4)。但由于某种原因,它一直显示在 span8 下

页面代码

<div class="row pull-right"><div class="span12" id="hdimg"></div></div>

<div class="row pull-right" id="pgg">

<div class="span8" id="pagecn">
    <?php the_post(); ?>
    <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
         <div class="entry-content">
             <div class="ttl">
        <?php if ( is_singular() ) {echo '<h1 class="entry-title">';} else {echo '<h2 class="entry-title">';} ?><a title="<?php printf( __('Read %s', 'blankslate'), the_title_attribute('echo=0') ); ?>" rel="bookmark"><?php the_title(); ?></a><?php if ( is_singular() ) {echo '</h1>';} else {echo '</h2>';} ?>
             </div>
             <div id="cn">
<?php the_content(); ?>
             </div>
         </div>
    </div>
</div>

 <div class="span4">

<?php if ( is_active_sidebar('primary-widget-area') ) : ?>
 <div id="primary" class="widget-area">
<ul class="sid">
<?php dynamic_sidebar('primary-widget-area'); ?>
</ul>
 </div>
<?php endif; ?>
 </div>
</div>
</div>

<?php get_footer(); ?>

它的 css

#hdimg {
width: 948px;
height:185px;
background-image: url(images/banner.jpg);
}


#pgg {
width:948px;
margin-top:4px;
background-color: white;
padding-top: 10px;
padding-bottom: 20px;
}

#cn {margin-top: 15px;}

链接查看直播 http://soloveich.com/project3/

4

1 回答 1

0
#pgg {
width:948px;
margin-top:4px;
background-color: white;
padding-top: 10px;
padding-bottom: 20px;
}

删除宽度

#pgg {
margin-top:4px;
background-color: white;
padding-top: 10px;
padding-bottom: 20px;
}

我看到您尝试执行的操作,但您使用不正确 - 以不同的方式修复背景

<div class="" id="hdimg"></div>

这是给你的标题 - 删除网格

将#hdimg 宽度更改为

hdimg { 宽度: 960px !important; }

于 2013-11-14T01:33:27.603 回答