Child Float Divs Breaking aus der Eltern-Div

Ich habe eine Menge anderer Beiträge hier über dieses Problem ohne Wirkung gelesen. Ich möchte eine Hintergrundgrafik haben, die die gesamte Länge der Seite erweitert, aber sie geht nur 2/3 des Weges nach unten.Child Float Divs Breaking aus der Eltern-Div

html, body { height: 100%; } 

div#body-wrapper { 
    height:100%; 
    position:relative; 
} 

nav#side-navigation { 
    height:100%; 
    width:185px; 
    background-color:#C2F4C2; 
    float:left; 
} 

div#content-wrap { 
    width:775px; 
    height:100%; 
    float:right; 
    position:relative; 
    background:transparent url(../images/global/column_corner.gif) no-repeat top left; 
}

Wenn ich Überlauf hinzufügen: versteckt zu # Körperumhüllung, schneidet sie einen Teil der Unterseite der Website ab.

Schließlich ist hier aktiv Quellcode: http://freshbaby.com/v20/about_us/index.cfm

Quelle

2012-03-23 Angry Spartan

Können Sie Ihre HTML-Struktur zeigen – sandeep

Jeder Grund, den Sie nicht das Hintergrundbild auf den Körper oder das HTML setzen können? –

Es ist nur auf meinem lokalen Computer, daher kann ich keine URL angeben. –

Sie können ein Element nach den schwebenden Elemente zu ‚klar‘ den Schwimmern hinzuzufügen.

<div style="clear:both"></div>

Quelle

2012-03-23 19:05:53

Es schob den Hauptinhalt unterhalb der Navigation. –

Der Clear muss unter beide Floating-Spalten gehen, nicht nur den Hauptinhalt. –

Sie sollten löschen: beide nach den Floats.

<div style="clear:both"></div>

Quelle

2012-03-24 19:10:51

nicht sicher, ob dies jemals gelöst wurde, sondern versuchen, die folgenden, um Körper und html Hinzufügen: padding: 0; Rand: 0;

Wenn das nicht der Trick vollständig macht, legte dann das Hintergrundbild auf der HTML-Selektor mit folgendem attr: background: url(../assets/image.jpg);-moz-background-size: cover; -webkit-background-size: cover; background-size: cover;

Quelle

2012-09-08 06:22:18

Etwas sehr hilfreich zu erinnern ist der Break-Tag löscht auch schwimmt.

<br clear='left'/> 
<br clear='right'/> 
<br clear='all'/>

Quelle

2012-10-12 13:16:08 Christopher

Child Float Divs Breaking aus der Eltern-Div

Antwort

Verwandte Themen