Html 浮动Div不工作

我正在尝试添加浮动div标记，其中包含deletebuttion。它不起作用。 我正在使用struts1.X和tiles

我的网页是用3个jsp构建的：Menu.jsp、Body.jsp、Fotter.jsp。我正在尝试添加新的浮动删除按钮

在我的CSS文件中，我添加了两种浮动样式

div.floatingBtn {
  width: 350px
  position: fixed;
  top: 90%;
  left: 34%;
  padding: 10px;
  z-index: 100;
  }

div.flating {
  position: fixed;
  border: 1px solid black;
  paddding: 2px;
  width: 400px;
  height: 400px
  z-index:100;
}

My body.jsp：

<div class="flating"><table align="center"><tr><td>
<button id="DELETE" class="btn" onclick="deleteDocs();" >Delete</button></td></tr></table>
</div>

删除

---

我试过两种风格，但都不管用。为什么？

第一个CSS在您的html中没有任何效果，因为您的html在CSS类“floatingBtn”中不包含任何内容

其次，您的CSS没有任何

浮动：

规则。这是因为没有任何浮动元素

---

如果你想要固定的定位，这和浮动是完全不同的，您还必须设置它的位置（在

div.flating

规则中添加

left:

和

top:

。

很可能您的按钮没有

floatingBtn

类，否则

位置：固定。我已将我的floatingBtn样式指定给我的DIV标记。我正在使用ie8，请尝试将您的css
div.floatingBtn
更改为
#DELETE
以创建引用。根据
position:fixed
应该在ie8I上工作，我也尝试使用“floatingBtn”。它不起作用。我已经在压平它不起作用时添加了左顶部。@sarmachinta它不得不这样做。你可能还有其他问题。显示一个jsfiddle。