Wie block-stop das Padding div Kind?

Ich habe diesen Beispiel-Code:Wie block-stop das Padding div Kind?

<div class="container"> 
    <div class="row"> 
     <div class="left-block" style="background-color:#000000">menu</div> 
     <div class="text various">text article</div> 
    </div> 
</div>

die linken Block Klasse hat eine Hintergrund-Farbe, aber den Hintergrundanschlag durch Höhen Menü, aber Ich mag backgroud fortgesetzt und Ende Seite zu stoppen, aber wenn beispielsweise Einsatz in links-Block padding-bottom = 100% tha Höhe links~~POS=TRUNC Erhöhung Höhe von class = "Zeile" und Klasse text verschiedener, ich mag die Polsterung Anschlaghöhe Reihe oder Höhe text verschiedenen

mir bitte helfen

Quelle

2016-05-05 Oncelot

Wollen Sie '.Left-block' sein gleiche Höhe wie' .text various'? – t1m0n

wollen Sie die volle Seitenhöhe von '.left-block' nur oder beide' .left-block' und 'textverschiedenen' ?? –

.left-block be same height – Oncelot

Wie ich verstehe, benötigen Sie etwas wie dieses:

.row { 
 
    display: flex; 
 
} 
 

 
.left-block { 
 
    color: #fff; 
 
    padding: 8px; 
 
} 
 

 
.text { 
 
    padding-left: 8px; 
 
}

<div class="container"> 
 
    <div class="row"> 
 
     <div class="left-block" style="background-color:#000000">menu</div> 
 
     <div class="text various">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit quia aperiam, ex fugiat! Ad odio voluptatem magnam, alias, voluptatibus vero corporis adipisci quos dicta, asperiores consequatur maiores iste unde dolore. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit quia aperiam, ex fugiat! Ad odio voluptatem magnam, alias, voluptatibus vero corporis adipisci quos dicta, asperiores consequatur maiores iste unde dolore. 
 
     </div> 
 
    </div> 
 
</div>

Quelle

2016-05-05 11:02:31 t1m0n

danke perfekt ;-) – Oncelot

Wie block-stop das Padding div Kind?

Antwort

Verwandte Themen