Question

我正在尝试添加包含删除按钮的浮动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-Class＆＃34; floatingBtn＆＃34;中没有包含任何内容。

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

如果你想要固定定位 - 这与浮动是一个非常不同的东西！ - ，您还必须设置其位置（同时在left:规则中添加top:和div.flating。

浮动Div不起作用

1 个答案: