Auto Breite auf verschachtelte Liste

-2

Ich habe eine verschachtelte Liste wie:Auto Breite auf verschachtelte Liste

<ul id="nav"> 
    <li id="" class=""> 
     <a href="http://site.com/wedding.html" class="">Wedding</a> 

     <div class="flyoutWrapper" style="display:block;"> 
     <ul class="flyout fourCol"> 
      <li id="" class=""> 
    ..... 
      </li> 
      <li></li>, etc 
     </ul> 
     </div> 
    </li> 
</ul>

Ich möchte der Innenseite der alle li von class = „Flyout fourCol“ nebeneinander schweben.

Dies ist, was ich meine Drop-Down aussehen soll:

#nav .flyout.fourCol { width:900px; }

http://jsfiddle.net/t7esz/ (das funktioniert)

#nav .flyout.fourCol { width:auto; }

http://jsfiddle.net/sumcA/2/ (! Dies nicht funktioniert)

Quelle

2012-04-12 illusorydeveloper

Anstatt nur zu einem funktionierenden/nicht funktionierenden JSFiddle zu verlinken, müssen Sie Ihr Problem in Ihrer Frage mit den entsprechenden Code-Schnipsel erklären. – Bojangles

Sie haben eine bemerkenswerte Fähigkeit zu bemerken, was funktioniert und was nicht, und dies auch zu sagen. Dürfen wir auch Ihre Frage notieren, Sir? – MarioDS

Wenn Sie nur Wollen Sie es erweitern, setzen Sie die Eigenschaft min-width auf einen festen Wert (wie 900px). Keep width auf automatisch.

Ich habe nicht untersucht, wie Ihr gesamtes Menü funktioniert, aber die minimale Breite auf .flyout.fourCol scheint nur für die gesamte Sache zu funktionieren.

Quelle

2012-04-12 00:33:13 MarioDS

Es gibt keine Möglichkeit, so etwas komplett dynamisch zu machen? – illusorydeveloper

@illusorydeveloper Der feste Wert auf minimale Breite macht es nicht nicht dynamisch. Es sagt nur, zwischen welchen Grenzen es dynamisch sein kann. – MarioDS

Leider hilft das nicht, die Breite dieser Liste wird sich regelmäßig ändern, wenn Leute Links hinzufügen oder entfernen. – illusorydeveloper

Auto Breite auf verschachtelte Liste

Antwort

Verwandte Themen