Как поместить результат из foreachloop в overflow-y div (Wordpress)

Question

Извините за тупой вопрос, но я немного застрял.

Я пытаюсь объяснить: я работаю в Wordpress лично, у меня есть цикл foreach, который выполняет отправку с элементом Database.Я называю этот цикл коротким кодом

function table(){

global $wpdb;
$current_user = wp_get_current_user();
$id = $current_user->ID;
$user_quest = $wpdb->get_results("SELECT * FROM table WHERE id_user= $id");

foreach($user_quest as $id_quest)
{
  $num_quest = $id_quest->num_quest;
  $date = $id_quest->add_date;
  echo "The quest num".$num_quest."add".$date";
}

Нет проблем с моим циклом, но я хочу отобразить его в div с max-height и полосой прокрутки, если результаты больше, чем высота.Я знаю о переполнении-y, но, похоже, это работает, только если есть свойства height или max-height.

Моя проблема в том, что это не сработает, если я отредактирую css элемента div (height, max-height).

Я тестирую другие функции CSS, такие как .hide (), и все в порядке ... поэтому я не знаю, как мне редактировать CSS.У кого-то есть подсказка?(Возможно, причина в том, что я вызываю эту функцию из шорткода, но я не знаю, как это сделать по-другому)

Извинения за плохой английский