1. w3c標準中的盒模型：border + padding + content
其中在設定的width 和 height 是content內容區的寬和高；
box-sizing：content-box；盒子的寬高大小是到內容區
2. ie6混雜模式的盒模型：width和height是指：border+padding+content
box-sizing：border-box；盒子的寬高大小是到border區
比如：content = width - border - padding
divIE6 的盒子模型
盒子模型 box model 是 css 的核心，現代 web 布局設計簡單說就是一堆盒子的排列與巢狀，掌握了盒子模型與它們的擺放控制，會發現再複雜的頁面也不過如此，然而，任何美好的事物都有缺憾，盒子模型有兩種不同的詮釋，一種來自 ie6，一種來自 w3c 標準瀏覽器。盒子模型 下圖就是乙個典型的盒...
IE6與W3C標準的盒模型差異
盒子模型 box model 是 css 的核心，現代 web 布局設計簡單說就是一堆盒子的排列與巢狀，掌握了盒子模型與它們的擺放控制，會發現再複雜的頁面也不過如此，然而，任何美好的事物都有缺憾，盒子模型有兩種不同的詮釋，一種來自 ie6，一種來自 w3c 標準瀏覽器。下圖就是乙個典型的盒子模型示意...
標準盒模型和IE盒模型
盒子模型是css中乙個重要的概念，理解了盒子模型才能更好的排版。其實盒子模型有兩種，分別是ie 盒子模型和標準 w3c 盒子模型。他們對盒子模型的解釋各不相同，先來看看我們熟知的標準盒子模型 從上圖可以看到標準w3c 盒子模型的範圍包括 margin border padding content，並...