Question

我有一个带有以下布局的wordpress主题：

主缠绕
主要内容左侧的内容
侧边栏

如果“浏览器”窗口足够宽，则会在内容旁边显示侧边栏，但如果浏览器宽度低于某个像素值，则边栏会移动到内容下方。

我想要实现的是侧边栏位于内容旁边，当浏览器变得“缩小”时，“溢出隐藏”。

以下是style.css文件中代表这些元素的部分：

/*-----------------------------------------------------------------------------------*/
/*  General Structure
/*-----------------------------------------------------------------------------------*/
html {
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
}
body {
    font-family: 'Open Sans', sans-serif;
    background:#fff;
    color:#5F5C52;
    overflow-x: hidden;
}
#main-wrap {
    width:1000px;
    margin:0 20px;
    padding:30px 0 55px;
}
#sidebar {
    padding-top:80px;
    float:right;
}
#content {
    float:left;
}

/* ---  Layout Options --- */
.one-column #content,
.one-column #sidebar {
    margin:0 auto;
    width: 100%;
    max-width:960px;
    border-left: none;
}
.one-column #sidebar {
    padding-top:110px;
    text-align:center;
}
.one-column #sidebar #searchform {
    display:inline-block;
}
.one-column #content .post,
.one-column #sidebar .widget {
    padding-left: 0;
    padding-right: 0;
}

Answer 1

改变这个：

#sidebar {
    padding-top:80px;
    float:right;
}

对此：

#sidebar {
    padding-top:80px;
    float:right;
    position: fixed;
}

在wordpress主题的css浮动下降

1 个答案: