html - Div 没有出现在父 div 容器中

Question

必须为此使用内联样式(我知道)，但出于某种原因，我创建了某种表格以显示在已设置的 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 clears 中添加吗？在这里需要一点帮助。

Answer 1

在第 7 行，您有这样的 style="display: none;"。

此 CSS 隐藏了 div 及其所有子元素。

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

Solution