Динамически изменяющиеся элементы DIV

Question

Недавно я начал изучать html, css и javascript, так как я очень заинтересован в создании собственного веб-сайта новостей, и я понял, что не знаю, как выполнить следующее:

Я хочу, чтобы на моем сайте было 10 блоков div, и каждый из них имел заголовок с гиперссылкой на соответствующую страницу html. Однако, когда я добавляю новый div, я хочу, чтобы нижний div-блок исчез, поэтому он может освободить место для новейшего div, который будет на вершине.

Чтобы быть честным, я понятия не имею, что мне нужно для изучения, чтобы достичь этого. Вот изображение, изображающее то, что я хочу выполнить.

Можете ли вы бросить мне краткое объяснение или несколько ключевых слов для меня Google, чтобы понять, как сделать это?

Answer 1

Это немного сложный вопрос, не зная точно, как вы хотите, чтобы элементы (упомянутые элементы div) были добавлены.

Если вы добавляете эти элементы в набор динамически (без перезагрузки всей страницы), то вы можете использовать свойство overflow контейнера этих товаров. Таким образом, вы можете сохранить элементы, которые уже были в наборе, от исчезновения, поскольку кто-то собирается их посещать.

В противном случае, если вы планируете только загружать самые последние элементы в своей базе данных при посещении страницы, вам просто нужно будет использовать правильные запросы, чтобы вернуть только правильную сумму (количество, которое соответствует вашему «набору») из последних данных из вашей базы данных.

Возможно, я должен упомянуть, что создание этого сайта с нуля без какой-либо помощи будет довольно сложной задачей для новичков. Тем более, что вам нужно будет выполнить всю внутреннюю работу, а также настроить свою базу данных. Я бы посоветовал обратиться за помощью к кому-то, имеющему опыт в этой области, если это возможно, потому что было бы не очень весело начинать в неправильном направлении и полностью перезагружаться!