Overflow verhindern HTML,CSS,js?
Wie kann ich das verhindern?
Im folgenden ist ein Auschnitt vom HTML-Code.Wenn ich bei der Liste was hinzufüge erstellt es mir: <li>"text"<span>x</span></li> .
<div class="container">
<h1>MyList</h1>
<div class="add">
<form>
<input type="text" id="todo" placeholder="Geb was ein." />
<button id="addbutton" class="buttonlist">Add</button>
</form>
</div>
<div class="mainlist">
<ul class = "classlist" id="list">
</ul>
</div>
<script src="script.js"></script>
</div>
3 Antworten
Vom Beitragsersteller als hilfreich ausgezeichnet
![](https://images.gutefrage.net/media/user/Babelfish/1600521171320_nmmslarge__47_47_690_690_7a344d30a971c61ba08b6baba08a321b.png?v=1600521171000)
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
HTML
Du musst halt deinem Container ein overflow:hidden oder einen anderen Wert mitgeben.
.container {
overflow: hidden;
}
Woher ich das weiß:Berufserfahrung – Entwickle Webseiten seit über 25 Jahren.
![](https://images.gutefrage.net/media/default/user/10_nmmslarge.png?v=1551279448000)
Bei deiner mainlist overflow hidden hinzufügen.
.mainlist {
overflow: hidden;
}
![](https://images.gutefrage.net/media/default/user/14_nmmslarge.png?v=1551279448000)
<style>
.mainlist{
height:100%;
}
</style>