div verschwinden, wenn display: none für verschachtelten ul

Hier eingestellt ist mein Beispiel der Homepage ist:div verschwinden, wenn display: none für verschachtelten ul

div.menu_po_lewej { 
 
    background: url('http://kielich.lubin.pl/wp-content/themes/kielich/img/user.png') no-repeat; 
 
    float: left; 
 
    width: 195px; 
 
    padding: 0; 
 
    margin: 0; 
 
} 
 
div.srodek { 
 
    float: left; 
 
    padding-left: 15px; 
 
    width: 805px; 
 
    padding-top: 75px; 
 
} 
 
div.prawa { 
 
    float: right; 
 
    width: -webkit-calc(100% - 1050px); 
 
    padding: 0; 
 
    margin: 80px 0 0 0; 
 
} 
 
div.menu-menu_lewe-container {} #menu-menu_lewe { 
 
    /* display: none; */ 
 
}

<div class="menu_po_lewej"> 
 
    <div class="menu-menu_lewe-container"> 
 
    <ul id="menu-menu_lewe" class="menu"> 
 
     <li id="menu-item-40" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-40"> 
 
     <a href="#">Strona główna</a> 
 
     </li> 
 
     <li id="menu-item-45" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45"> 
 
     <a href="#">O stowarzyszeniu</a> 
 
     </li> 
 
     <li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48"> 
 
     <a href="#">Sztuczna ściana</a> 
 
     </li> 
 
    </ul> 
 
    </div> 
 
</div> 
 

 
<div class="srodek"> 
 
    <h1 class="entry-title">II MEMORIAŁ IWONY BUCZEK 26.09.2015</h1> 
 
    <p>26 września 2015 roku Stowarzyszenie Miłośników Gór w Lubinie &hellip; <a href="#" class="more-link">Continue reading<span class="screen-reader-text"> &#8220;II MEMORIAŁ IWONY BUCZEK 26.09.2015&#8221;</span></a> 
 
    </p> 
 
    <br /> 
 
</div> 
 

 
<div class="prawa">test</div>

Nun, warum, wenn ich Kommentar- display: none in # Menü-menu_lewe ganzer div. menu_po_lewej wird nicht angezeigt? Auch wenn ich display: block innerhalb menu_po_lewej es immer noch verschwinden.

Quelle

2016-08-01 Artur Szymczak

Wenn Sie im menu-menu_lewe display: none haben, ist nichts in den oberen divs übrig, was bedeutet, dass sie zusammenbrechen. Sie können versuchen, eine Min-Höhe, ein Zeichen oder einen Clearfix-Stil zu erzwingen, um es zu zeigen. –

was möchten Sie tun? – brianxautumn

Wenn Sie display: none auf dem menu-menu_lewe haben, ist nichts mehr in den oberen divs, was bedeutet, dass sie zusammenbrechen.

Wenn Sie möchten, dass das Hintergrundbild im Menü immer noch angezeigt wird, auch wenn die Menüelemente ausgeblendet sind, können Sie einen Mindestwert verwenden, um es jederzeit auf eine bestimmte Größe zu zwingen. Hier ist eine Geige Beispiel: https://jsfiddle.net/zqfefy2c/

div.menu_po_lewej { 
    background: url('https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQLs-qkckuwprqTCD9EK9ti5-W119zZPLbHHWq_EUXLh_Od2Q5IOA') no-repeat; 
    float: left; 
    width: 195px; 
    padding: 0; 
    margin: 0; 
    min-height:150px; 
}

Der Wert der Höhe des Bildes sollten Sie anzeigen möchten.

Quelle

2016-08-01 07:42:23

div verschwinden, wenn display: none für verschachtelten ul

Antwort

Verwandte Themen