CSS模型是一個基礎概念，許多前端愛好者都不會陌生。那么，CSS模型怎么算寬度呢？下面我們來一起探討一下。

首先，我們需要知道，CSS的盒模型分為兩種：W3C盒模型和IE盒模型。在W3C盒模型中，一個元素的總寬度=元素的內容寬度+padding+border+margin。在IE盒模型中，一個元素的總寬度=元素的內容寬度+border+padding+margin。

在CSS中，元素的寬度可以通過width屬性來設置。如果你設置了元素的width為100px，在W3C盒模型中，內容區域的寬度就是100px；在IE盒模型中，內容區域的寬度就是100+padding+border。

如果你不設置元素的width屬性，元素的寬度將會自動擴展，直到滿足盒模型的總寬度。在W3C盒模型中，元素的總寬度包括了padding和border，所以會自動根據內容的寬度計算總寬度，自動填充padding和border。在IE盒模型中，由于border和padding在總寬度計算中已經包含了，所以只會根據內容自動計算寬度。

如果你想設置元素的寬度為50%，且該元素在一個父元素中，那就需要計算它父元素的寬度。對于W3C盒模型，父元素的寬度=元素的內容寬度+padding+border+margin；對于IE盒模型，父元素的寬度=元素的內容寬度+border+padding+margin。所以，如果想讓當前元素寬度為50%，你需要計算出它父元素的寬度，然后將元素的width屬性設置為父元素寬度的50%。

父元素的寬度=(父元素的內容寬度+padding+border+margin) / 2
元素的寬度=父元素的寬度 * 0.5

總之，CSS模型算寬度需要根據盒模型來計算，具體計算方式還得根據不同的盒模型而定。