Die Höhe von div mit ungeordneten Listen dynamisch festlegen

Question

Muss ich die Höhe eines divs, das eine ungeordnete Liste enthält, manuell angeben?

Wenn ich es so habe, überschneiden sich main1 und main2 div, wenn ich nicht die Höhe des div festlegen. Gibt es eine Möglichkeit, dies ohne Angabe der Höhe zu tun?

<div id='main1'> <ul> <li> </li> <li> </li> <li> </li> </ul> </div> <div id='main2'> <ul> <li> </li> <li> </li> <li> </li> </ul> </div>

Answer 1

haben Sie mit float-Eigenschaft versucht, schweben links oder rechts?

#mail1 { float:left }; 
#mail2 { float:left }; 

Dank

Answer 2

Wenn sie überlappend, du hast an Sicherheit grenzender Wahrscheinlichkeit eine andere CSS, um es anzuwenden. Verwenden Sie ein Debugging-Tool wie Firebug für Firefox, die Entwicklertools in Chrome/WebKit oder das What's-It-Called Thingmy in IE, und sehen Sie sich die angewendeten Stile für die div/ul/li an.

Answer 3

Sie werden sich nicht überlappen, wenn sie nicht absolut positioniert sind oder andere CSS-Effekte auf sie angewendet wurden, z. B. negative Ränder. Überprüfen Sie das zuerst und wenden Sie die notwendigen Korrekturen an.

Dennoch, wenn Sie die Abmessungen eines Elements dynamisch abrufen müssen, zum Beispiel dynamisch ein Highlight in einer Lavalampe-Stil-Menü zu positionieren, verwenden Sie jQuery:

$('#element').outerWidth(); 
$('#element').outerHeight(); 

Answer 4

Verwendung position: relative Eigenschaft für zwei DIVs