为什么大多数开发者认为W3C的盒子模型比Internet Explorer使用的更好?
在Internet Explorer上开发页面时,很容易感到沮丧,因为它们通常不会像你想要的那样显示。但我发现W3C的盒子模型很难理解。例如,如果将外边距、内边距和边框纳入宽度计算,我可以为所有列分配宽度值,而不必担心列数以及对它们的内边距和外边距进行任何更改。
使用W3C盒子模型时,我必须考虑到列数,并开发一种类似于数学公式的方法来计算正确的宽度值,当修改内边距和外边距时这将变得困难,特别是对于复杂的布局。请考虑我写的这个小框架:
#content {
margin:0 auto 30px auto;
padding:0 30px 30px 30px;
width: 900px;
}
#content .column {
float: left;
margin:0 20px 20px 20px;
}
#content .first {
margin-left: 0;
}
#content .last {
margin-right: 0;
}
.width_1-4 {
width: 195px;
}
.width_1-3 {
width: 273px;
}
.width_1-2 {
width: 430px;
}
.width_3-4 {
width: 645px;
}
.width_1-1 {
width: 900px;
}
我在这里分配的值只能在有三列且边距为 0+20+20+20+20+0
的情况下才能正常工作。要修改填充和边距会很困难,需要重新计算整个宽度。如果列宽包括填充和边距,我只需要改变宽度就可以布局了。我不是在批评盒子模型,而是希望理解为什么它被认为更好,因为我发现使用它很困难。我做错了什么吗?使用 W3C 盒子模型似乎与直觉相反。