CSS - 为什么边界不工作？

我目前正在编写一个Wordpress网站。我有一个侧栏和我的博客帖子的主体。侧边栏目前有以下特性：CSS - 为什么边界不工作？

.nav{ 
width:25%; 
height: 100%; 
background: #FFF; 
display:block; 
float:left; 
position:relative; 
border-right:thin solid #C8C8C8; 
}

和博客文章的主体：

body { 
font-family: Myriad Pro, Tahoma, arial, helvetica, sans-serif; 
font-size:16px; 
margin-left:20%; 
margin-right:20%; 
} 

.post { 
padding-left:10px; 
border-left:thin solid #000000; 
}

目前我尝试添加填充左到.POST使存在之间的间隙侧边栏的右侧边框和博客帖子。但是，由于某种原因，这不起作用（不会产生差距）。边界不是左边的（没有创建边界;我尝试删除侧边栏上的边界右侧属性）。

这是目前的index.php代码

<div id="blog"> 
    <?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?> 
    <div class = "sidebar">  
     <?php get_sidebar(); ?> 
    </div> 
    <div class="post"> 
    <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3> 

     <div class="entry"> 
      <?php the_post_thumbnail(); ?> 
      <?php the_content(); ?> 

      <p class="postmetadata"> 
      <?php _e('Filed under&#58;'); ?> <?php the_category(', ') ?> <?php _e('by'); ?> <?php the_author(); ?><br /> 
      <?php comments_popup_link('No Comments &#187;', '1 Comment &#187;', '% Comments &#187;'); ?> <?php edit_post_link('Edit', ' &#124; ', ''); ?> 
      </p> 

     </div> 
    </div>

我如何填充左和左边框工作的主要博客帖子？

谢谢！

来源

2011-12-10 01jayss

你能否提供一个链接到正在使用的地方，以便我们可以更好地分析它所处的环境？ – animuson

我仍然在XAMPP本地开发这个.....也许我可以发送/发布这里的文件，所以你可以看看他们吗？如果是的话，你想要什么文件？ – 01jayss

填充应用在元素中，所以边框位于填充的其他一侧。你需要什么是保证金，这是该元素的外部施加：

.post { 
    margin-left:10px; 
    border-left:thin solid #000000; 
}

Here is an article解释填充和利润率的更多细节。

来源

2011-12-10 01:26:42

这听起来像是默认的WordPress的CSS和你的主题CSS文件之间的冲突。一个快速的黑客是添加!important到CSS声明的末尾，如下所示：

.post { 
    padding-left: 10px !important; 
    border-left: thin solid #000000 !important; 
}

一个长期的解决方案是检查文件被加载什么CSS（以什么顺序），并正在使用哪些选择。优秀的资源：http://codex.wordpress.org/CSS_Troubleshooting

来源

2011-12-10 01:32:21 leepowers

我试着添加！重要的，并没有工作（它给了我完全相同的结果，因为没有！重要）...你有另一种解决方案吗？ – 01jayss

如果您链接到该网站，会更容易。要真正说出的唯一方法是将整个网站视为整个网站。 – vlasits

我仍然在本地开发这个在XAMPP .....也许我可以发送/张贴在这里的文件，所以你可以看看他们？如果是的话，你想要什么文件？ – 01jayss

CSS - 为什么边界不工作？

回答

相关问题