divをdivに変更すると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の幅の問題を修正します。