位于内容下的WordPress侧边栏 - CSS

Question

当我将内容div缩小到710px并尝试浮动时，我在使用woocommerce时的侧边栏位于我的内容div下。它不想正确浮动。

主题网站

任何帮助将不胜感激。

#  SIDEBAR
*************************************************************************/
#sidebar{
position:relative;
z-index:10;
width:270px;
 display:;
}
#sidebar,
#sidebar a,
#sidebar li,
#sidebar ul,
#sidebar ol{
    color:#787878;
    font-size:12px;
 display:;
}
#sidebar a:hover{
}
#sidebar ul{
    list-style:none;
    padding:0;
    margin:0;
}
    #sidebar ul li.widget{
        margin:0 0 0px 0;
        border:1px solid #fff;
        background: #e6e6e6;
    }
    #sidebar ul li.widget h2{
        font-size:18px;
        padding:13px 18px;
        color:#45494e;
        font-style:normal;
        border:1px solid #cecece;
        border-bottom:1px solid #fff;
    }
        #sidebar ul li ul{
            border:1px solid #cecece;
            border-bottom:none;
        }
            #sidebar ul li ul li{
                border-bottom:1px solid #cecece;
                padding: 10px 18px;
            }
            #sidebar ul li ul li:hover{
                border-bottom:1px solid #cecece;
                padding: 10px 18px;
                background:#eee;
            }
                #sidebar ul li ul li ul{
                    padding:0 0 0 15px;
                    border:none;
                }
                    #sidebar ul li ul li ul li{
                        border-bottom:none;
                        }
            /* TEXT WIDGET */
            #sidebar ul li div.textwidget{
                padding: 10px 18px;
                line-height:1.4em;
                border:1px solid #cecece;
            }
            /* TAG CLOUD */
            #sidebar ul li.widget_tag_cloud div{
                padding: 10px 18px;
                border:1px solid #cecece;
            }
                #sidebar ul li.widget_tag_cloud div a{
                    margin:0 10px 0 0;
                }
            /* CALENDAR */
            #sidebar ul li.widget_calendar{
                border:1px solid #fff;
            }
                #sidebar ul li.widget_calendar #calendar_wrap table#wp-calendar{
                    padding: 10px 18px;
                    width:100%;
                    border:1px solid #cecece;
                    border-top:none;
                }
                    #sidebar ul li.widget_calendar #calendar_wrap table#wp-calendar a{
                        text-decoration: underline;
                    }
                    #sidebar ul li.widget_calendar #calendar_wrap table#wp-calendar caption{
                        padding: 5px 18px 0 18px;
                        border:1px solid #cecece;
                        border-bottom:none;
                    }
                    #sidebar ul li.widget_calendar #calendar_wrap table#wp-calendar tr td#next{
                    text-align:right;
                    }
/************************************************************************
#  SIDEBAR END

Answer 1

你有两个带有id="container"的div，这意味着你传递给#container的任何内容在你的css中，它只会应用于第一个。所以你应该把这个div #wrapper-containter #wrapper #container改变它的id，然后应用宽度，然后浮动到你需要的任何位置。