Question

我在div id中有一个div id event_container和两个div类，类名为create_event_button和search。我希望有一个事件容器的特定背景，然后以不同的方式设置类的样式。

以下是这些元素的CSS样式： -

#event_container{

    background: red;
}

 #event_container .create_event_button {

        margin-left: auto;
        margin-right: auto;
        display: block;
        float: right;
        text-align: center;
        width: 150px;
        color: #1C1C1C;
        background: #A9D0F5;
        font-size: 150%;
        font-weight: bold;
        padding: 1em;
    }
#event_container .search {

    margin-left: auto;
    margin-right: auto;
    display: block;
    float: left;
    width: 480px;
    background: #A9D0F5;
    padding: 1.4em;

}

内部div样式正常工作但#create_event没有给我正确的背景颜色。

我一直试图破解这个，但还没有取得任何成功。如果有人能回答它会很棒。

谢谢，

Answer 1

外部div只包含两个浮点数，允许它们从父div中滑出，除非你应用了一些clearfix技巧（有许多解决方案：http://www.google.com/search?q=clearfix），或者只是使用overflow:hidden;父div总是包含任何内部浮动：

http://jsfiddle.net/E4J3Q/

Answer 2

两个内部div被浮动，所以外部div（#event_container）没有高度。

您可以附加<div class="clear"></div>并添加如下css规则：.clear {clear:both;}

jsfiddle：http://jsfiddle.net/ym9K9/

无法设置内部有两个div的外部div

2 个答案: