css div左右不需要的行

Question

我正在尝试根据Twenty Thirteen主题进行一些定制。 我也定制了页脚，还插入了一个应该分开的div。 可以看出div的左侧和右侧有白色细线，当我放大时它们会消失。我真的不知道是什么原因造成的。

footer code

    <?php
/**
 * The template for displaying the footer
 *
 * Contains footer content and the closing of the #main and #page div elements.
 *
 * @package WordPress
 * @subpackage Twenty_Thirteen
 * @since Twenty Thirteen 1.0
 */
?>

    </div><!-- #main -->
    <div id="footer-separator"></div>
    <footer id="colophon" class="site-footer" role="contentinfo">

        <div class="site-info">
        </div><!-- .site-info -->
    </footer><!-- #colophon -->
</div><!-- #page -->

<?php wp_footer(); ?>

以及css

#footer-separator {
height: 20px;
width: auto;
background-color: #383b3a;
}

欣赏如何摆脱这些界限。

Answer 1

尝试：

.site {
    border: none;
}

如果您检查元素，则围绕所有内容的div（包含类hfeed site）都应用了边框。删除此边框，你应该是好的。

Answer 2

由于子像素舍入，父元素的tiny int背景显示。不要将背景颜色放在#fff上，而是将其放在内部元素上，例如.site。