Css 提交未出现在底部的div

Css 提交未出现在底部的div,css,html,Css,Html,我无法将提交按钮放在网页底部。我已将listDiv和DropDwnDiv相互内联放置。如果我删除float left和float right属性,那么我会看到submit按钮位于底部。我错过了什么?下面是我的第一部分代码。任何形式的输入/反馈都非常感谢。将我的代码分为头和体两部分,因为堆栈溢出不允许我发布代码,如果发布的内容是更多的代码和更少的文本 h1 { padding : 10px 40px 10px 40px; width: 1000px; background: grey

我无法将提交按钮放在网页底部。我已将listDiv和DropDwnDiv相互内联放置。如果我删除float left和float right属性,那么我会看到submit按钮位于底部。我错过了什么?下面是我的第一部分代码。任何形式的输入/反馈都非常感谢。将我的代码分为头和体两部分,因为堆栈溢出不允许我发布代码,如果发布的内容是更多的代码和更少的文本

 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;
    }

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


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


请遵循以下编码风格:

输入标记是一个自动关闭标记 当您使用float:**时,请始终尝试清除:两者都清除 不要总是使用p标签 在提交按钮之前使用

h1{ 填充:10px 40px 10px 40px; 宽度:1000px; 背景:灰色; 字号:40 ;; 字体系列:罗马时代; 利润率:70像素; } p{ 颜色:黑色; 文本对齐:居中; } ol{ 背景:ff9999; 宽度:1000px; 填充:40px; 利润率:70像素; 字体系列:Arial; 字号:20 ;; } MainDiv{ 背景:灰色; 填充:40px; 利润率:70像素; 字号:20 ;; 宽度:1000px; 高度:500px; } 联埃迪夫{ 背景:灰色; 显示:块; 文本对齐:居中; 字号:20 ;; 填充顶部:10px; 垫底:10px; } 文本区域划分{ 背景:灰色; 显示:块; 文本对齐:居中; 垫底:10px; } listDiv{ 浮动:对; 背景:灰色; 字号:15 ;; 填充:30px; 利润上限:70像素; 右边距:70像素; } 落差{ 浮动:左; 背景:灰色; 字号:15 ;; 填充:30px; 利润上限:70像素; 左边距:70像素; } 细分{ 背景:灰色; 浮动:初始; 边缘顶部:20px; 显示:块; 文本对齐:居中; } 这是 我的网页

“ZX14R” “多贸易1200年代” “TRIUMP TIGER 1200” 用户名:-

密码:-

你属于哪个城市

班加罗尔 孟买 德里 选择您最喜欢的电影院类型 “PVR影院” “伊诺克斯影院” “名人影院”
请遵循以下编码风格:

输入标记是一个自动关闭标记 当您使用float:**时,请始终尝试清除:两者都清除 不要总是使用p标签 在提交按钮之前使用

h1{ 填充:10px 40px 10px 40px; 宽度:1000px; 背景:灰色; 字号:40 ;; 字体系列:罗马时代; 利润率:70像素; } p{ 颜色:黑色; 文本对齐:居中; } ol{ 背景:ff9999; 宽度:1000px; 填充:40px; 利润率:70像素; 字体系列:Arial; 字号:20 ;; } MainDiv{ 背景:灰色; 填充:40px; 利润率:70像素; 字号:20 ;; 宽度:1000px; 高度:500px; } 联埃迪夫{ 背景:灰色; 显示:块; 文本对齐:居中; 字号:20 ;; 填充顶部:10px; 垫底:10px; } 文本区域划分{ 背景:灰色; 显示:块; 文本对齐:居中; 垫底:10px; } listDiv{ 浮动:对; 背景:灰色; 字号:15 ;; 填充:30px; 利润上限:70像素; 右边距:70像素; } 落差{ 浮动:左; 背景:灰色; 字号:15 ;; 填充:30px; 利润上限:70像素; 左边距:70像素; } 细分{ 背景:灰色; 浮动:初始; 边缘顶部:20px; 显示:块; 文本对齐:居中; } 这是 我的网页

“ZX14R” “多贸易1200年代” “TRIUMP TIGER 1200” 用户名:-

密码:-

你属于哪个城市

班加罗尔 孟买 德里 选择您最喜欢的电影院类型 “PVR影院” “伊诺克斯影院” “名人影院”
别动!不要将原始代码粘贴到注释中。这很难读。用代码编辑您的问题。不要使用float,因为它会使元素脱离正常的流,最终会导致这种混乱。使用flex代替。是否要将listDiv和DropDwnDiv对齐在同一行中?请将其保持在那里!不要将原始代码粘贴到注释中。这很难读。用代码编辑您的问题。不要使用float,因为它会使元素脱离正常的流,最终会导致这种混乱。使用flex代替您是否要在同一行中对齐listDiv和DropDwnDiv?请问您如何在注释部分获取整个代码?请问您如何在注释部分获取整个代码?