我正在处理一个画廊网格(第一个6张图片块),但我无法弄清楚为什么不是所有的列表项都正确显示。大部分情况下都可以正确显示,但如果缩小浏览器窗口大小到约700px时,这些项目开始闪烁,并且不能正确显示。
我通常会在我的画廊项目中使用10px的右填充,但这次不起作用了。因此,我尝试了一个10px的右边框,但问题仍然存在。
有人能看出问题所在吗?现场URL在这里。
代码如下:
我通常会在我的画廊项目中使用10px的右填充,但这次不起作用了。因此,我尝试了一个10px的右边框,但问题仍然存在。
有人能看出问题所在吗?现场URL在这里。
代码如下:
.feature {
ul {
list-style-type: none;
margin: 0 -10px 30px 0;
padding: 0 !important;
li {
border-right: 10px solid #ffffff;
margin-bottom: 10px;
position: relative;
float: left;
width: 33.33%;
img {
width: 100%;
}
.inner {
position: absolute;
padding: 20px;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
}
}
}