關于CSS布局，有一種常見的問題被稱為“CSS不問不得”。這個問題的本質是在于CSS相對于HTML的獨立性導致的，CSS可以在HTML布局方面提供很高的靈活性，但也給開發者增加了一些思維難度。

.container {
display: flex;
}
.container >div {
width: 100px;
}
.container >div.left {
width: 50px;
}
.container >div.right {
flex-grow: 1;
}

在這種情況下，很難從HTML中識別出容器中的每個元素，并判斷它們的行為。在上面的例子中，我們必須知道是左邊的容器元素只占50像素，而它右邊的元素才能正確地填充剩余的空間。

然而，這種問題是可以通過好的CSS編碼實踐來避免的。以下是一些有助于防止“CSS不問不得”的建議。

• 使用class屬性，而不是HTML標簽名稱來選擇元素。
• 在CSS中保持注釋清晰簡潔，避免多余和重復的注釋。
• 避免使用絕對定位，除非它對最終的布局是必需的。
• 保持一致的代碼風格和規范，以便代碼易于閱讀和維護。
• 使用代碼塊分組樣式相關的屬性。

通過遵循這些建議，我們可以避免“CSS不問不得”問題，確保CSS和HTML在布局方面的完美配合。