html - 我的 DIV 没有响应

Question

我正在尝试使我的内容 DIV 响应，但它们没有响应。

DIV结构是这样的——

更新:这是我的 HTML 和 CSS

<div class="container">
    <div class="row">
        <section class="content-tertiary col-sm-4">
            my content
        </section>

        <section class="content-primary col-sm-8">
            <div id="main" class="">
                <h1><i class="icon fa fa-user fa-lg"></i><img src="img/misc/title.png" /></h1>

                <div class="sidebar"></div>
                <div class="content-box"></div>
            </div><!-- End main div -->
        </section>
    </div><!-- /.row -->
</div><!-- /.container -->

CSS

#main {
    background: #53001E;
    border-radius: 10px;
    height: 700px;

    > .sidebar {
            background: #FFFFFF;
            float: left;
            height: 300px;
            margin: 0 10px;
            min-width: 100px;
    }

    > .content-box {
        background: yellow;
        float: left;
        height: 100px;
    }
}

注意:我正在使用 bootstrap 并且不需要在移动 View 上显示。

有人能告诉我这段代码有什么问题吗？

谢谢。

Answer 1

尝试

#main {
           background: #53001E;
           border-radius: 10px;
           height: 700px;
           width: 100%;
       }

sidebar {
            background: #FFFFFF;
            float: left;
            height: 300px;
            margin: 0 10px;
            width :40%
    }

.content-box {
        background: yellow;
        float: left;
        height: 100px;
        width : 60%

    }

如有任何帮助，请告诉我:)