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清除？可以在这里使用一点帮助。

Answer 1

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

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

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

Solution

Div没有出现在父div容器中

1 个答案: