Overflow verhindern HTML,CSS,js?

27.12.2021, 18:11

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
Babelfish
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
HTML
27.12.2021, 18:25

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.
NoArtFX
27.12.2021, 19:53

Bei deiner mainlist overflow hidden hinzufügen.

.mainlist {
  overflow: hidden;
}
PASCAL3162
24.01.2022, 18:55

<style>

.mainlist{

height:100%;

}

</style>