浮动分区不工作

Question

我正在尝试添加包含delete按钮的浮动div标签。它不工作。我使用的是struts1.X和tiles。

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

我的CSS文件，在我的CSS中，我添加了2个浮动样式。

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

我的body.jsp：

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

我尝试了这两种风格，但它们都不起作用。为什么？

Answer 1

第一个CSS对您的html没有任何影响，因为您的HTML没有包含CSS类"floatingBtn“中的任何内容。

其次，您的CSS没有任何float:规则。这是因为你没有得到任何浮动元素。

如果你想要固定的位置- -这和float！-是完全不同的事情，你必须同时设置它的位置(也要在div.flating规则中添加一个left:和top: )。