Div没有出现在父div容器中

时间:2016-01-26 23:16:09

标签: html css

必须使用内联样式(我知道),但出于某种原因,我已经创建了一个表格,可以在已经设置的Div中显示。如果我放在父div之外,它工作正常,但一旦在父div中设置 - 没有任何东西显示。代码如下:

<div class="culture" style=" display: none;">
    <div style=" background-color: #373a36;">
         <h2 style=" color: #fff; text-align: center;">TARGETS</h2>
    </div>

    <div style=" width: 30%; background-color: #d6d2c4;">
        <h3 style=" text-align: center; padding-top: 10px;">BY 31DECEMBER 2016</h3>

             <div style=" padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: center;">
                  <p>Content goes here</p>
             </div>
     </div>

    <div style=" width: 30%; background-color: #f3f1ed; float: left;">
       <h3 style=" text-align: center; padding-top: 10px;">BY 31 DECEMBER 2017</h3>

           <div style=" padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: center;">
               <p>Content goes here</p>
           </div>
    </div>

   <div style=" width: 30%; background-color: #d6d2c4; float: left;">
        <h3 style=" text-align: center; padding-top: 10px;">FROM 2018 TO 2020</h3>

            <div style=" padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: center;">
                <p>Content goes here</p>
            </div>
    </div>

我是否需要添加div清除?可以在这里使用一点帮助。

1 个答案:

答案 0 :(得分:0)

在第7行,你有style=" display: none;"

这个CSS使div及其所有孩子都隐藏起来。

删除它,您将看到其余内容

Solution