1. 盒子模型问题
box-sizing: border-box;
2. 浮动元素高度塌陷问题
.clearfix::after { content: ''; display: block; clear: both; }
3. flex布局问题
.container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
4. 文字被截断问题
word-wrap: break-word;
5. z-index失效问题
position: relative; z-index: 2;
6. 兼容问题
/* IE 6-9 */ filter: alpha(opacity=50); /* Webkit browsers */ -webkit-border-radius: 10px; /* Firefox */ -moz-border-radius: 10px;
以上是一些常见的CSS填坑方法,希望能对你有所帮助。