Feldsatzhöhe 100% des übergeordneten Elements

8

Ich habe 2 fieldsets in einem <div> eingepackt, nennen wir sie blah1 und blah2 .

blah2 kann als Maximum seines übergeordneten <div> wachsen, aber ich brauche blah1 , um die gleiche% Höhe seines Geschwisters blah2

zu haben

Dies ist meine Demo

    
Luis 29.05.2012, 03:38
quelle

3 Antworten

4

Die Antwort war ein bisschen komisch, aber ich habe es geschafft, es sieht so aus, als würde die Marge hier ein Chaos verursachen. Wenn ich margin: 0 5px; setze, kann ich fieldsets genauso machen wie height Elternteil

Teil des css Markups:

%Vor%

Wenn Sie die finale Demo sehen möchten, klicken Sie hier .

Ich hoffe, es kann jemand anderem helfen ...

    
Luis 05.06.2012, 23:48
quelle
2

Versuche, beide <fieldset> s in einen einzelnen Container <div> zu wickeln, der keine feste Höhe hat - es wird blah2 sauber umschließen und bis zur maximalen Größe deines übergeordneten <div> wachsen. Setze blah1 's height auf 100% des enthaltenden <div> .

    
Jhong 29.05.2012 04:04
quelle
1

Ich konnte es einrichten, indem ich padding-bottom nur für Chrome zum Feldset hinzufüge. Dies gleicht etwas von der zusätzlichen Höhe% aus. Es ist schön, dass es (relativ konstant) funktioniert, auch wenn die Größe geändert wird.

%Vor%

Genau wie eine Anmerkung, ich fand, dass dies ein Problem in mindestens IE8 - IE11 auch ist, so kann das Update auf IE angewendet werden.

    
Igor 10.04.2014 18:48
quelle

Tags und Links