首先,我必须道歉。 CSS 定位一直是我存在的祸根,这可能是我完全想念的简单事情......
无论如何,我有一个生成 div 的 JS 脚本。每个 div 都在绝对定位的父 #container 中。下面的 CSS:
#container{
position: absolute;
}
#container div{
position: relative;
}
创建div的函数是:
function newLine(){
var id_num = ++line;
var _new;
var i;
for(i = 0; i < width; i++){
_new = document.createElement('div');
_new.innerHTML = randomChar();
_new.id = id_num;
_new.style.left = i*10+'px';
_new.style.top = 0;
document.getElementById('container').appendChild(_new);
}
}
上面的所有内容都已正确初始化。左侧定位完美无缺。唯一的问题是垂直定位。它们不是所有行都并排显示,而是逐渐远离 div 的顶部。我确定这是我正在完全查看的微不足道的东西,但我很困惑......非常感谢帮助!
最佳答案
作为 position: relative
的行 - 这会将它们静态放置,然后将它们移动指定数量的像素。您想使用绝对
定位。
关于使用 JavaScript 生成的 div 的 CSS 定位不符合我的预期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11828102/