在日常前端開發中，經常遇到一個問題：頭部無法撐滿。

具體來說，當我們使用 CSS 對網站進行布局時，如果頭部的寬度沒有設置為 100% 或者沒有設置其他元素的 margin 和 padding，就會出現頭部無法撐滿的現象。

.header {
width: 100%;
height: 60px;
background-color: #333;
}
.logo {
float: left;
margin: 10px;
}
nav {
float: right;
margin: 10px;
}
nav ul {
list-style-type: none;
}
nav li {
display: inline-block;
margin-right: 20px;
}
nav li a {
color: #fff;
text-decoration: none;
}

上述代碼中，header 的寬度已經設置為 100%，但是如果 logo 和 nav 中的元素沒有設置 margin 和 padding，就會導致 header 無法撐滿。

解決方法也很簡單，只需要給要放在頭部的元素設置 margin 和 padding 即可：

.header {
width: 100%;
height: 60px;
background-color: #333;
padding: 0;
margin: 0;
}
.logo {
float: left;
margin: 10px 20px;
}
nav {
float: right;
margin: 10px 20px;
}
nav ul {
list-style-type: none;
}
nav li {
display: inline-block;
margin-right: 20px;
}
nav li a {
color: #fff;
text-decoration: none;
}

上述代碼中，我們給 header 設置了 0 的 padding 和 margin，并且給 logo 和 nav 設置了合適的 margin，這樣就解決了頭部無法撐滿的問題。

CSS 的布局非常靈活，但是也需要仔細考慮每個元素的 margin 和 padding，這樣才能保證整個頁面的布局符合設計的要求。