@atumbochka

Почему правила контейнера не применяются к элементу, созданному с помощью JS?

Есть контейнер:
<div class="container">
  <div class="abc">abc</div>
  <div class="game"></div>
</div>

.container {
    width: 100%;
    height: 100%;
    max-width: 960px;

    margin: 0 auto;
}


Див с классом "abc" создал как пример. Он подходит под css-настройки контейнера, и поэтому в "обрезанные" края страницы не попадает. А вот див с классом "game" ведет себя по-другому:
let game = document.querySelector('.game');

window.onload = () => {
    let element = document.createElement('p');
    element.textContent = 'ahahahahahhahah';
    game.appendChild(element);
}


Текст "ahaha" появляется с самого края страницы, хотя game находится внутри страницы. Как это решить?
Заранее спасибо!
  • Вопрос задан
  • 51 просмотр
Решения вопроса 1
Lord_Dantes
@Lord_Dantes Куратор тега CSS
Чат джунов t.me/developersjunior
Ну так если и в abc добавить много текста, он будет идти за границу. Просто используйте word-break
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы