Css 如何将我的按钮设置为位于屏幕底部

边缘：底部；不工作，我需要一个替代方案，可以将屏幕上的所有按钮向下移动。我正在做一个刽子手游戏，我需要把我的单词放在按钮上方来猜。当按钮在顶部时，我不能这样做。我需要帮助找到一个css命令，可以移动按钮下来！非常感谢

边缘：底部；和垂直对齐，但都不起作用。。。不知道为什么

/*these create my 26 alphabet buttons, and are essentially the thing I need to move downwards. */
for (var i = 0; i < 26; i++){
   var etl = document.createElement("BUTTON");
   var let = String.fromCharCode(97+i);
   var tee = document.createTextNode(let);
   etl.appendChild(tee);
   document.body.appendChild(etl);
}

/* my css so far used to style my buttons along with my failed attempt to lower the buttons */

BUTTON { 
    margin: bottom;
    height: 50px;
    width: 50px;
    padding: 10px 15px;
    font-weight: bold;
    font-size: 9pt;
    outline: none;
    width: 50px;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    color: black;
    background-color: white;
    margin: 5px;
    font-family: "HelveticaNeue-UltraLight", "Helvetica Ultra Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*这些按钮创建了我的26个字母按钮，基本上就是我需要向下移动的东西*/
对于（变量i=0；i<26；i++）{
var etl=document.createElement（“按钮”）；
var let=String.fromCharCode（97+i）；
var tee=document.createTextNode（let）；
附加子对象（tee）；
document.body.appendChild（etl）；
}
/*到目前为止，我的css用于设置我的按钮样式，以及我尝试降低按钮的失败尝试*/
按钮{
边缘：底部；
高度：50px；
宽度：50px；
填充：10px 15px；
字体大小：粗体；
字号：9pt；
大纲：无；
宽度：50px；
边界半径：50%；
光标：指针；
文本对齐：居中；
颜色：黑色；
背景色：白色；
保证金：5px；
字体系列：“HelveticaNeue UltraLight”，“Helvetica Ultra Light”，“Helvetica Neue”，Helvetica，Arial，无衬线；
}

---

我希望按钮位于页面底部，但它们仍然位于顶部。

您可以将位置设置为

绝对位置

button {
    position: absolute;
    bottom: 0;
....
    }

您需要将位置设置为固定

位置：固定；
底部：0%

更新

JS:

bottom
不是
margin
的有效值。您可能想查看该属性的功能。（它会在元素周围创建空间，而不是定位该元素）您不会显示添加按钮的页面结构的任何标记。如果页面包含一个包含其他内容的
，则
body.appendChild（）
会将按钮放在div之后，仅仅由于页面的自然流动，按钮就会自然出现在底部（div下方）。没有显示页面结构，任何答案都是“最佳猜测”<代码>位置：绝对

可能确实是最好的解决方案，因为没有更多信息，我们无法知道这一点。看到了吗，这没有什么特别的作用，我只是尝试了一下，它确实把按钮移到了底部。代码的问题在于，它似乎只将字母“z”[最终元素]放在页面底部。我相信您的代码正在用最后一个[z]覆盖元素的所有实例。我需要的代码，可以移动我所有的26个字母的页面底部，虽然我非常感谢的帮助！你好我的问题与另一个回答相同。只有我的最后一封信移到了页面底部[z]。我需要全部26个字母才能移动。您需要向元素添加一个class属性，并将css样式应用于类，而不是像button{}一样的元素。好的，我向buttons添加了一个类，但结果保持不变。唯一出现的字母仍然是“z”。

var div = document.createElement("DIV")
for (var i = 0; i < 26; i++){
  var btn = document.createElement("BUTTON");

   var let = String.fromCharCode(97+i);
   var tee = document.createTextNode(let);
   btn.appendChild(tee);
  btn.className = "buttonStyle";
  div.appendChild(btn);
  }
  document.body.appendChild(div);

   div { 
  position: fixed; 
    bottom:0%;  
    }
        .buttonStyle {
    padding: 10px 15px;
    font-weight: bold;
    font-size: 9pt;
    outline: none;
    cursor: pointer;
    text-align: center;
    color: black;
    background-color: white;
    margin: 5px;
    font-family: "HelveticaNeue-UltraLight", "Helvetica Ultra Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
                      }