时间戳

首页 > 解决方案 > 提交的 div 没有出现在底部

css - 提交的 div 没有出现在底部

问题描述

我无法将提交按钮放在网页底部。我已将 listDiv 和 DropDwnDiv 彼此内联。如果我删除左浮动和右浮动属性，那么我会看到提交按钮位于底部。我在这里缺少什么？以下是我的第一部分代码。任何类型的输入/反馈都非常感谢。将我的代码分为头部和主体两部分，因为如果帖子的内容是更多的代码和更少的文本，堆栈溢出不允许我发布代码。

 h1 {
  padding : 10px 40px 10px 40px;
  width: 1000px;
  background: grey;
  font-size: 40;
  font-family: times-roman;
  margin:70px;
 }
    p {
     color:black;
     text-align:center;
    }

   ol {
    background:#ff9999;
    width: 1000px;
    padding : 40px;
    margin : 70px;
    font-family: Arial;
    font-size: 20;
    }

    #MainDiv {
      background: grey;
      padding: 40px;
      margin: 70px;
      font-size:20;
      width: 1000px;
      height: 500px;
    }

  #UnameDiv {
      background: grey;
      display: block;
      text-align: center;
      font-size:20;
      padding-top: 10px;
      padding-bottom: 10px;
    }

    #textareaDiv {
      background: grey;
      display : block;
      text-align:center;
      padding-bottom: 10px;
    }

   #listDiv {
      float: right;
      background:grey;
      font-size: 15;
      padding: 30px;
      margin-top: 70px;
      margin-right: 70px;
    }

    #DropDwnDiv {
      float : left;
      background:grey;
      font-size: 15;
      padding: 30px;
      margin-top: 70px;
      margin-left: 70px;
    }

    #subDiv {
      background:grey;
      float: initial;
      margin-top: 20px;
      display:block;
      text-align: center;
    }

标签： csshtml

解决方案

将此样式添加到包含提交按钮的段落。 

<p style="overflow: auto; width: 100%;">
<input type="submit" name="submit" value="SUBMIT">
</p>

推荐阅读