Как скрыть родительский div, если child div не имеет значения - PullRequest
0 голосов
/ 06 апреля 2020

Это очень мелкая деталь, поскольку, очевидно, нет проблем, когда есть сообщения; но когда тема не имеет постов, на странице отображается белая рамка без отступов или содержимого. Я хотел бы полностью скрыть это, если нет сообщений.

HTML

<div id="container">
<div id="content">
{Block:posts}
...
{/Block:posts}
</div>
</div>

CSS

#container:empty{
    display:none;
}

#container{
    position:absolute;
    border:5px solid white;
    border-radius:3px;
    display:inline-block
     background:#155484;
     max-height:497px;
     width:547px;
     overflow-y:scroll;
     overflow-x:hidden;
     margin-left:43%;
     margin-right:15%;
     margin-top:3%;
     margin-bottom:5%;
}

#content{
    margin:5px;
    margin-right:0px;
    background:#7995d6;
    padding:5px;
    padding-left:10px;
    width:auto;
    color:#fff;
    font-family:monospace;
    text-decoration:none;
    font-weight:normal;
}

Я знаю, что дисплей: нет на самом деле не работает, но я потерял, с чего начать. Кроме того, я хотел бы придерживаться CSS или HTML, если это возможно; Я понятия не имею, как использовать что-либо еще.

...