html - slider 在增加 Web 浏览器的缩放时脱离框架

Question

我网站上的 slider King Adler Ecommerce Website在浏览器中缩放时从包装器中出来。我在谷歌浏览器、Mozilla 和 IE 上测试过，到处都是一样的。我想我必须在包装器或 slider 的 float 属性中的某处进行一些小改动。但是，我不知道如何做到这一点。请帮助我以尽可能少的努力解决这个问题。

    /* LAYOUT */
.primary-define .wrapper {
    width: 950px; /*changed by yuvi 1160*/ /*second change - 1060*/
    margin: 0 auto; /*0 10px*/
    /*position: relative; added by yuvi*/

}
.primary-define #column-left {
    float: left;
    width: 240px;
}
.primary-define #column-right {
    float: right;
    width: 240px;
}
.primary-define #column-left + #content,
.primary-define #column-right + #content {
    float: right;
    width: 650px; /*editing by yuvi*/
}
.primary-define #column-left + #content {
    margin-left: 60px;
}
.primary-define #column-right + #content {
    margin-right: 60px;
}
.primary-define #column-left + #column-right + #content {
    width: 520px;
}
.primary-define #content form {
    margin: 0;
}

---

/* CONTAINER */
.primary-define #container {
    z-index: 1;
    padding-top: 30px;
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid transparent;
}

Answer 1

问题不在 slider 中，而是在整个布局中，如果您在 % 中设置背景然后在 % 中设置容器

.primary-define .wrapper {
    width: 80%; /*changed by yuvi 1160*/ /*second change - 1060*/
    margin: 0 auto; /*0 10px*/
    /*position: relative; added by yuvi*/

}