Question

我需要在保存按钮下放置一个id为div的div。这是HTML代码：

<button id="item_new" data-action="create" class="floating-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
       <i class="material-icons">save</i>
     </button>

这是我的<div>：

<div id="least">

这样div就隐藏了按钮，我的目的是显示div上方的按钮。有人可以帮帮我吗？

Answer 1

最好显示所有代码，也许是一个傻瓜或者jsfiddle。那就是说，我猜你的＆＃34;浮动按钮＆＃34; class将CSS浮动样式应用于按钮（可能向左浮动）。浮动样式使得它们的元素不占用DOM渲染中的特定空间，因此您的文档最终会占据上风。根据您的目标，有很多选项可以修复它，最简单的方法是删除CSS类。

Answer 2

添加div部分＆amp;添加以下代码

style =“clear：both”

之前＆amp;在你的按钮之后。

我希望它有效。

Answer 3

您需要在页面中添加以下CSS代码。

#item_new
{
clear:both;
}

Answer 4

试试这个：

添加风格清晰的div：两者;在Button和div之间

<button id="item_new" data-action="create" class="floating-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
   <i class="material-icons">save</i>
 </button>
<div style="clear:both"></div>
<div id="least"></div>

这可以解决您的问题。

怎么把保存按钮放在div上面

4 个答案: