Hola, me pasa algo super raro con el div bloque, me esta creando dos div a pesar de que en el código solo tengo uno… <code>&lt;!DOCTYPE h...

Julian Roa Villamil

Julian Roa Villamil

Pregunta
studenthace 3 años

Hola, me pasa algo super raro con el div bloque, me esta creando dos div a pesar de que en el código solo tengo uno…

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Display-1</title> <style> body{ margin: 0%; } div{ background-color: salmon; width: 200px; height: 200px; margin: 20px; } a{ background-color: aqua; width: 200px; height: 200px; margin: 20px; } button{ background-color: blue; } </style> </head> <body> <div>bloque</div> <a href="/">inline</a> <button>inline block</button> </body> </html>

error-dos-div.png

2 respuestas
para escribir tu comentario
    Will Carlo

    Will Carlo

    studenthace 3 años

    Me salió el mismo error al usar el LiveServer. LA profesora tiene razón, lo importante es especificar (darle una clase o ID) para evitar este error del DIV.

    Estefany Aguilar

    Estefany Aguilar

    teacherhace 3 años

    Hola, Julián ! Replicando tu código, solamente me salen 3 elementos en el navegador. En tu pantallazo, se me hace extraño el div con clase

    container_selected...
    y el div con id
    scrnli_recorder_root
    (justo debajo de la etiqueta input). De dónde salen ? Como estas usando un selector de elemento
    div
    , se están coloreando de color salmón todos los
    div
    's que existan en tu aplicación. La idea sería usar selectores más específicos para que esto no suceda (como selectores de clase) 😊

Curso de Frontend Developer [Empieza Gratis]

Curso de Frontend Developer [Empieza Gratis]

Desarrolla interfaces web impresionantes con HTML y CSS, comprendiendo su estructura semántica y estilos. Utiliza técnicas avanzadas de display, posicionamiento y diseño responsivo para crear código limpio y efectivo. Próxima práctica.

Curso de Frontend Developer [Empieza Gratis]
Curso de Frontend Developer [Empieza Gratis]

Curso de Frontend Developer [Empieza Gratis]

Desarrolla interfaces web impresionantes con HTML y CSS, comprendiendo su estructura semántica y estilos. Utiliza técnicas avanzadas de display, posicionamiento y diseño responsivo para crear código limpio y efectivo. Próxima práctica.