前端開發中，CSS的布局是網頁設計中的重要一環，常見的傳統布局也是我們經常使用的，但是在使用的過程中，我們常常犯以下錯誤：

/*不應該這樣寫*/
.wrap{
margin:0 auto;
width:100%;
}

這種寫法雖然看上去沒什么問題，但是會導致網頁出現橫向滾動條，因為.width的真實寬度已經超過了父級.wrap的寬度。

/*不應該這樣寫*/
.box{
position:absolute;
left:50%;
margin-left:-100px;
}

這種寫法讓元素向左移動了父元素寬度的一半，然后通過margin-left負值的方式來居中顯示，但是這樣容易出現左右可滾動的情況，而且當.box的寬度變化時，這種寫法需要重新計算margin-left的數值。

/*不應該這樣寫*/
.clearfix{
overflow:hidden;
zoom:1;
}

clearfix用于清除浮動，但是這種寫法有時會導致元素高度溢出，因為這種寫法使用了hack，而且在非IE瀏覽器上沒有效果。

以上是常見的傳統布局錯誤，相信通過改正這些錯誤能夠為網頁的制作提供更便捷、更高效的方式。