html - 假列在窗口时神秘地停止工作

Question

我一直致力于设计我的综合新闻系统 (CuteNews)，突然间我的 Faux 专栏停止了。我点击了很多次撤消，但它似乎在一段时间前就坏了，而且我没有注意到它。我的伪列的代码没有改变。希望有人可以查看我的代码/站点并查看可能导致此处问题的原因...

编辑:这似乎只有在我的分辨率缩小时才会发生，任何人都可以详细说明吗？

我的网站是DBZ Final Cut

感谢您的帮助!

HTML 如下，仅与我的专栏相关:

<div class="contentWrapper">
    <div class="content">
    <img class="contentHead" src="images/general/site/content.png" alt="Content">
    <?php
  $number = "5";
  include("news/show_news.php");
?>
    </div>
    <!--End Content-->
    <!--Start Side Content-->
    <div class="sideContent">
        <img src="images/general/site/cotw.png">
        <img src="images/general/site/decklist.png">
        <img src="images/general/site/events.png">
        <img src="images/general/site/rules.png">
        <span>Top Articles</span>
    </div>
    <!--End Side Content-->

CSS 如下，仅与我的专栏相关:

.contentWrapper {
    display: inline-block;
    margin-left: 21.35%;
    width: 57.29%;
    background: grey;
    margin-top: .02%;
    background: url("../images/general/site/faux.png") repeat-y;
    overflow: hidden;
}

.content {
    position: relative;
    float: left;
    width: 70%;
    background-color: #bfbfc6;
    display: inline-block;
    z-index: 0;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.4);
}
.content > p {
    position: relative;
    background: transparent;
    padding: 1%;
    padding-top: 0;
    font-size: .9vw;
}
.contentHead {
    position: relative;
    background: transparent;
    padding: 1%;
    width: 100%;
    height: 100%;
}

.sideContent {
    display:inline-block;
    vertical-align: top;
    width: 30%;
    background: grey;
    z-index: 0;
    background-color: #888888;
    display: inline-block;
    font-size: .9vw;
    padding-top: 1%;
}
.sideContent > p {
    position: relative;
    background: transparent;
    padding: 7%;
    padding-top: 0;
}

Answer 1

我通过将背景大小设置为包含来解决这个问题。现在完美运行。