Question

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

任何帮助将不胜感激。

#  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，这意味着您在css中传递给#container的任何内容都只会应用于第一个。{所以你应该把这个div #wrapper-containter #wrapper #container改成它的id，然后将宽度应用到它上面，然后漂浮在你需要的任何地方。

Wordpress侧边栏位于内容下 - CSS

1 个答案: