Legende innerhalb Feldsatz und Clearing Float links

Ich fand auf dieser Website Lösung über Umzug Legende in fieldset von Grenze zu innen Fieldset. http://codepen.io/vkjgr/pen/oFdBa Wenn ich dies tun möchte, sollte ich Float linken Stil auf Legende verwenden, aber ich sollte beide nach der Legende löschen? Diese Lösung funktioniert auf allen Browsern? Wenn ich sauber machen will muss ich nur beide löschen?Legende innerhalb Feldsatz und Clearing Float links

<fieldset> 
<legende> xyz </legend> 
<div style="clear: both;"</div> 
// 
// Other divs and inputs

Quelle

2017-05-09 Kewin

nur Ihre 'legend' Tag geben einen' width' von '' 100%; –

Ok, und dieses Tag löscht alle Probleme mit Float? Wenn ich dieses Tag setze, wird div unter der Legende sein, aber was für eine Hexe div? Wirklich brauche ich nicht klar? – Kewin

Ja, wenn Sie die "Legende" volle Breite geben, dann ist 'clear: both' nicht einmal notwendig, da es keinen Platz für den Inhalt unterhalb der Legende geben wird. –

Wenn Sie Ihren eigenen Ansatz zu folgen, es funktioniert auch wie unten gezeigt. Andernfalls wird width:100% auf legend auch tun.

fieldset { 
 
    padding: 2em; 
 
} 
 

 
legend { 
 
    float: left; 
 
} 
 

 
.clear { 
 
    clear: both; 
 
}

<fieldset> 
 
    <legend> 
 
    Hello 
 
    </legend> 
 
    <div class="clear"> 
 

 
    </div> 
 
    <p> 
 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque sunt ad facilis fugiat perferendis et fugit quas, accusantium, quod atque provident natus facere animi sed accusamus qui doloribus illo nesciunt. 
 
    </p> 
 
</fieldset>

Quelle

2017-05-09 10:00:19

Legende innerhalb Feldsatz und Clearing Float links

Antwort

Verwandte Themen