Html div изменяется ширина при записи текста

Question

Как сделать фиксированный размер элемента div?

Так что, когда я напишу в нем, он не изменит ширину. Не могу понять, что я сделал не так.

часть кода с помощью CSS:

var table = document.body.getElementsByTagName("table"); 

for (var i = 0; i < table.length; i++) { 
    table[i].style.border = "solid"; 
    table[i].style.borderWidth = "1px"; 
    table[i].style.width = "1024px"; 
    table[i].style.height = "auto"; 
    table[i].style.textAlign = "left"; 
}; 

var tdAll = document.body.getElementsByTagName("td"); 

for (var i = 0; i < tdAll.length; i++) { 
    tdAll[i].style.border = "1px solid #dddddd"; 
    tdAll[i].style.height = "30px"; 
}; 

var divALL = document.body.getElementsByTagName("div"); 

for (var i = 0; i < divALL.length; i++) { 
    divALL[i].style.height = "100%"; 
    divALL[i].style.width = "100%"; 
    divALL[i].style.lineHeight = "25px"; 
}; 

весь код на скрипку: https://jsfiddle.net/zzduqpky/

Answer 1

Проблема была решена путем добавления table-layout:fixed к моим стилям таблицы. Ячейка таблицы и div больше не расширяются.

Спасибо всем за их время !!!

Answer 2

набор max-width свойство

например max-width="100px"

это устранит проблему ширины div.