Как сделать так чтобы div не залезал на другой div?

Question

[Httdientee]

У меня есть таблица которая заполняется данными из базы и теперь возникла проблема, что когда данных более пяти, то кнопка под таблицей залазит уже на нее, мне нужно чтобы она оставалась на том же расстоянии от таблицы, при этом двигаясь в низ когда это нужно.



А должно

.block-table {
    position: relative;
    top: 110px;
    left: 510px;
    transform: scale(1.25);
    margin-bottom: 10px;
}
.block-table table {
    width: 780px;
}

Это кнопка

.propose_investors_btn {
    width: 250px;
    height: 30px;
    top: 140px;
    background: rgb(25, 166, 190);
    position: relative;
    left: 330px;
    border-radius: 9px 9px 9px 9px;
    -moz-border-radius: 9px 9px 9px 9px;
    -webkit-border-radius: 9px 9px 9px 9px;
    border: 0px solid #000000;
}

Comments

[Дмитрий]

так Вы покажите стили, который влияют. таблица нативная? добавьте ей margin-bottom 10px или сколько нужно.

[Httdientee]

Дмитрий, Стили добавил к вопросу, margin не помог

[Дмитрий]

Httdientee, так правильно. у вас жесткое позиционирование идет. top, left. Опять же нужна разметка тогда, чтобы понимать что от чего относительно позиционируется. Да и вряд ли это Вам вообще нужно.

[Httdientee]

Дмитрий, я не знаю что мне вообще нужно, знаю лишь то что мне нужно чтобы кнопка на таблицу не залазила

[Ankhena]

Httdientee,
Уберите у кнопки:

position: relative;
left: 330px;
top: 140px;

Добавьте margin-top: Npx, где N это необходимое расстояние между таблицей и кнопкой.

У таблицы уберите top: 110px; и тоже замените на margin.
Также будет хорошо вместо увеличения масштабированием, просто задать нужные размеры.

Вместо сдвигов left 330 и 510 лучше понять зачем они. Если для центрирования, то сделать его с помощью правого и левого margin auto или флексами или любым другим вариантом.
Если это имитация контейнера, то положите всё в контейнер, ограничьте ширину, центрируйте.
Это предположения по скринам и части кода.
Для лучших идей, покажите всю задачу и ссылку на сайт или песочницу на jsfiddle.net

p.s.
Кнопке лучше задавать не высоту, а padding.

И это

-moz-border-radius: 9px 9px 9px 9px;
    -webkit-border-radius: 9px 9px 9px 9px;

уже очень давно лишнее и вообще не в том порядке.