Question

我一直致力于设计我的综合新闻系统（CuteNews），突然间我的Faux专栏停止了。我打了几次undo，但是看起来这段时间已经破了，我没有注意到它。我的代码没有改变我的虚假列。如果有人可以查看我的代码/网站，看看这可能导致问题...

编辑：只有当我的决议缩小时才会出现这种情况，任何人都可以详细说明吗？

感谢您的帮助！

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

我通过将background-size设置为contains来修复此问题。现在工作得很好。

人造柱在窗口时神秘地停止工作

1 个答案: