float div nächsten

Question

http://dev.dealercontrol.net/dealercontrol/index_comp1.html

auf dieser Seite ich versuche zu schweben eine Fahne links von dem Untertitel

<div> 
       <div class="flag certified">Certified</div> 
       <div class="subtitle left">Deal On 09 Black Lamborghini LP560</div> 
      </div> 

ich die Fahne zu bekommen scheinen nicht div richtig Layout was würden die beste Methode dafür sein? wie kann ich auch die Höhe der Flagge so einstellen, dass sie sich eng an den darin befindlichen Text anschmiegt?

Answer 1

Setzen der Flagge innerhalb des div und schweben nach links

<div> 
    <div class="subtitle left"> 
    <div class="flag certified" style="float: right">Certified</div> 
    Deal On 09 Black Lamborghini LP560 
    </div> 
</div> 

Answer 2

Guter Herr Mann.

Sie haben soooooo viel CSS geht auf dieser Seite ist es kein Wunder, dass Sie sich in Knoten binden. Sehen Sie sich den riesigen Stapel von geerbten und überschriebenen Stilen für jedes Element mit Firebug an.

Zuerst eine einfache float:leftwird den Trick aus, aber es wird nur funktionieren, wenn die beiden Elemente eine kombinierte Breite schmaler als ihre übergeordneten Container haben - sonst was sonst passieren kann, aber es wickelt?

Zweitens ist Ihr Code oben nicht wirklich, was auf der Seite ist. Zu viele Container-divs, die sich im Weg befinden - vereinfachen und verschieben die beiden erforderlichen Elemente als gleichgeordnete Knoten desselben übergeordneten Elements und geben beide float:left an.

Drittens, reduzieren Sie Ihre Bläh! .clear Klassen sind reine Bloat (siehe here). Sie benötigen wirklich nicht mehr als 2 CSS-Dateien (eine globale Basis und eine Seitenerweiterung), um Ihre Dateien zu verdichten und zusammenzuführen. Schneide so viel wie möglich aus den Tag-Selektorstilen aus (dadurch entstehen alle vererbten/ignorierten Stapel, die dich in eine schwer zu entziffernde Position bringen). Hoffentlich haben Sie zu diesem Zeitpunkt ein funktionierendes Design und eine leichter reagierende Seite, die Sie in Zukunft leichter debuggen können.