html - float Div 不起作用

Question

我正在尝试添加包含删除按钮的 float div 标签。它不工作。我正在使用 struts1.X 和 tiles。

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

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

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 元素。

如果你想要固定定位 - 这与 float 定位完全不同! -，您还必须设置它的位置(添加 left: 和 top: 到 div.flating 规则)。