亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用 css 位置更改元素的位置:絕對

使用 css 位置更改元素的位置:絕對

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>


查看完整回答
反對 回復 2023-09-28
?
翻閱古今

TA貢獻1780條經驗 獲得超5個贊

使用此 CSS,所有這些按鈕將相互覆蓋,位于屏幕的左上角。嘗試這個:


.game button {

  left: 10px;

  display: inline;

  position: absolute;

  padding-top: 10px;

}


查看完整回答
反對 回復 2023-09-28
  • 2 回答
  • 0 關注
  • 106 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號