直接从服务器加载和通过 CSS 动态加载时,元素的位置不同。
我在这两种情况下都使用相同的 CSS 类,但结果不同。
margin-bottom
设置为-40px
,当我通过PHP加载元素和通过jQuery动态加载元素时,元素的位置是不同的。
CSS 类:
.iconView .adLocation {
background-color: rgba(0,0,0,0.3);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #FFF;
height: 18px;
font-size: 13px;
position: absolute;
margin-top: -40px;
width: 188px;
}
我通过 chrome 开发工具检查了元素的 CSS & margin-top
正确设置为 40px
。我无法发布没有足够声誉的预览。抱歉。
最佳答案
因为您已经定义了元素的绝对位置,所以您可以使用 top: -40px;
而不是使用 margin-top: -40px;
关于javascript - 动态直接通过服务器加载元素时的 CSS 负边距差异,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17986858/