Web開發中，CSS是必不可少的一部分。但有時候我們會遇到一些疑難雜癥，無法順利完成樣式設計。下面就來介紹一些CSS常見的疑難雜癥及解決方法。

1. 盒模型問題

.box {
width: 200px;
height: 200px;
padding: 20px;
border: 10px solid #000;
box-sizing: border-box;
}

以上代碼中，我們使用了box-sizing: border-box屬性來解決盒模型問題，即元素的width與height會包括padding和border的寬度。

2. 文本溢出問題

.text {
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

以上代碼中，我們使用了text-overflow: ellipsis屬性來實現文本過長時顯示省略號的效果。

3. 垂直居中問題

.wrapper {
display: flex;
justify-content: center;
align-items: center;
}

以上代碼中，我們使用了Flex布局來實現垂直居中的效果。

4. 浮動問題

.left {
float: left;
}
.right {
float: right;
clear: both;
}

以上代碼中，我們使用了clear: both屬性來解決浮動后出現的高度塌陷問題。

總的來說，對于CSS的疑難雜癥，我們需要靈活運用常見的解決方法，同時也要嘗試尋找更好的解決方案。