1. 基于像素的盒模型(box model based on pixels)
基于像素的盒模型是指元素的基准大小以其像素值表示，而不是以其百分比表示。例如，如果元素的宽高都是100像素，则该元素在网页中的基准大小就是100像素。这个模型的主要优点是易于实现，因为它只关心元素的基准大小，而不考虑其他因素，如字体大小、背景颜色等。但是，它可能会导致一些兼容性问题，因为不同浏览器对像素值的解析方式不同。
2. 基于百分比的盒模型(box model based on percentage)
基于百分比的盒模型是指元素的基准大小以其百分比表示，而不是以其像素值表示。例如，如果元素的宽高都是100%，则该元素在网页中的基准大小就是100%。这个模型的主要优点是考虑了其他因素，因此可以更好地适应不同的浏览器和屏幕大小。但是，它可能会导致一些兼容性问题，因为不同浏览器和设备对百分比值的解析方式不同。
基于像素的盒模型和基于百分比的盒模型各有优缺点，选择哪种盒子模型取决于具体情况。如果需要保证兼容性，并且需要对元素的大小适应不同的浏览器和屏幕大小，则基于像素的盒模型是不错的选择。如果只需要考虑元素的基准大小，并且能够适应不同浏览器和设备，则基于百分比的盒模型是更好的选择。