Gli elementi dell'elenco vengono eseguiti all'esterno dell'elenco e dell'area div.

Ho riscontrato un problema con un elenco non ordinato di menu. In base al quale gli elementi dell'elenco eseguono i limiti <ul> e <div> e iniziano solo la riga successiva una volta raggiunto il bordo dello schermo.Gli elementi dell'elenco vengono eseguiti all'esterno dell'elenco e dell'area div.

2012-01-04 crm

Il collegamento ha smesso di funzionare, il contesto è andato . –

È possibile utilizzare float: left; sulle li s invece di display: inline;.

Ricordarsi di utilizzare anche overflow: hidden; sull'elemento padre (ul).

Another option sarebbe utilizzare: display: inline-block, ma non sono sicuro al 100% circa il browser support.

2012-01-04 17:06:47 PeeHaa

Ciao PeeHaa, questa soluzione ha funzionato, ma sarei interessato a sapere perché funziona così quando viene visualizzato: inline no? – crm

@Chrism lemme controlla il tuo CSS e tornerò da te. – PeeHaa

http://www.finalonline.co.uk/mypics/gallery/categories/style.css – crm

Li rendono display: block, non inline.

2012-01-04 17:09:34 Spencer

Mentre questo fa in modo che non esca dal contenitore, non penso che questo sia ciò che l'OP vuole: P – PeeHaa

Il mio pessimo, totalmente pensato OP non li voleva affatto orizzontali. Ho bisogno di caffè. :( – Spencer

Do display: block; sempre ... Mai fare display: inline; o display: inline-block;

Per fissare la lista non ordinata da effusione dello DIV, provare ad andare in CSS e applicare questo:

ul { 
list-style-position: inside; 
}

2012-01-04 20:43:44

risposta