layout - 为什么认为W3C机顶盒型号更好？

Closed. This question is opinion-based。它当前不接受答案。












想改善这个问题吗？更新问题，以便editing this post用事实和引用来回答。

6年前关闭。



Improve this question




为什么大多数开发人员认为W3C box model比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的盒模型似乎违反直觉。

最佳答案

一个字的答案--box-sizing
You choose how you want your box model to work。