So fügen unteren Polsterung an ein div enthält, floating divs?

Ich habe ein div mit anderen floatenden divs:

<div id="parent">
<div style="float:left;">text</div>
<div style="float:left;">text</div>
<div style="float:right;">text</div>
</div>

Wie kann ich unten Polsterung an den übergeordneten div-Element und stellen Sie es im IE6 (oder in anderen Worten, vermeiden Sie die Fehler im IE6)?

Dank

InformationsquelleAutor Waleed Eissa | 2009-01-02

  1. 5

    In meiner CSS-reset-Datei habe ich ein "clearfix" code:

    .clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
* html .clearfix {height:1px;}

    Sieht komisch, aber funktioniert gut auf ALLEN gängigen Browsern : IE6/7, FF2/3, Opera, Safari.

    Wie zu benutzen?

    Etwas wie dieses: 

    <div class="clearfix">
    <div class="floatLeft">
        left div
    </div><!-- /.floatLeft-->

    <div class="floatRight">
        right div
    </div><!-- /.floatRight-->
</div><!-- /.clearfix-->

    AUFMERKSAMKEIT!
    Tun NICHT Verwendung clearfix-Klasse auf Fußzeilen (oder Letzte element in der Seite), sonst haben Sie einen hässlichen Raum unter alle Inhalte.

    InformationsquelleAutor Ionuț Staicu

  2. 3

    Versuchen schwimmen der übergeordneten div.

    InformationsquelleAutor Sophie Alpert

  3. 1

    Den box-Modell-hack, im Grunde die Bereitstellung von IE-spezifische Polsterung sollte helfen

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title>demo</title>

<style type="text/css">
<!-- 
div {
height:100px;
border:1px solid black;
padding-bottom:10px;
}
div {
\height: 140px;
h\eight: 100px;
}  
-->
</style>

</head>
<body>

<div id="parent" style="float:left;">
  <div style="float:left;">text</div>
  <div style="float:left;height:100px">text</div>
  <div style="float:right;">text</div>
</div>
</body>
</html>

    InformationsquelleAutor bochgoch

  4. 1

    Also die nicht scheinen, um die Berechnung der Höhe des übergeordneten Elements, wenn alle Kinder geschwommen. Wenn Sie Weg erhalten können mit der Anwendung eine Feste Höhe an die Eltern, Sie werden in der Lage sein, um hinzuzufügen Boden-Polsterung.

    Wenn Sie nicht beheben können die Höhe des Elternteils, das nächste, was, das ich tun würde, ist, ob es ist ein Weg, um entfernen Sie den Schwimmer aus den höchsten Kind div. Das gibt den parent-div eine tatsächliche Höhe, und dann den unteren Polsterung sollte.

    Dies ist ein guter Rat, wenn Sie möchten, halten Sie die Höhe fest.

    InformationsquelleAutor Josh Schultz

  5. 0

    Ähnlich der in den anderen Antworten, diese funktionierte bei mir im Firefox und verwendet ein bisschen weniger code. Ich denke, dass es gut funktioniert, in den anderen Browsern auch, aber Sie sollten bestätigen.

    .clearFix::after{
content: '';
display: block;
clear: both;
}

    InformationsquelleAutor sugardaddy

Schreibe einen Kommentar