为什么大多数开发人员认为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;
}
Run Code Online (Sandbox Code Playgroud)
除非有三列,因此我在此处指定的值将会失败0+20+20+20+20+0.修改填充和边距是很困难的; 我的整个宽度都必须重新计算.如果列宽包含填充和边距,我需要做的就是改变宽度,我有我的布局.我不那么批评盒子模型,更希望理解为什么它被认为更好,因为我发现很难合作.
我做错了吗?使用W3C的盒子模型似乎反直觉.一些建议将非常感激.
谢谢!