FFIVE
2023-09-28 15:19:53
我有 6 個按鈕元素,其 css 位置:絕對,并且我嘗試使用 css“左”樣式來定位它們。為什么這段代碼不起作用?它們都堆放在左上角。我假設這與我的 javascript 有關。var i;for (i = 0; i < document.getElementsByTagName("button").length; i++) { document.getElementsByTagName("button")[i].style.left = "'" + String(Math.floor(Math.random() * 600)) + "px'";}.game button { display: inline; position: absolute;}<div class="game" id="divi"><button class="game"></button><button class="game"></button><button class="game"></button><button class="game"></button><button class="game"></button><button class="game"></button></div>如果您知道一種方法可以讓按鈕在沒有絕對位置的情況下完全不相互交互,請告訴我。
2 回答

蝴蝶刀刀
TA貢獻1801條經驗 獲得超8個贊
您不需要額外的引號:
var i;
for (i = 0; i < document.getElementsByTagName("button").length; i++) {
document.getElementsByTagName("button")[i].style.left = String(Math.floor(Math.random() * 600)) + "px";
}
.game button {
display: inline;
position: absolute;
}
<div class="game" id="divi">
<button class="game"></button>
<button class="game"></button>
<button class="game"></button>
<button class="game"></button>
<button class="game"></button>
<button class="game"></button>
</div>

翻閱古今
TA貢獻1780條經驗 獲得超5個贊
使用此 CSS,所有這些按鈕將相互覆蓋,位于屏幕的左上角。嘗試這個:
.game button {
left: 10px;
display: inline;
position: absolute;
padding-top: 10px;
}
添加回答
舉報
0/150
提交
取消