个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我正在尝试在可折叠主体内添加一个固定 Action 按钮。但在 html 页面中，它总是出现在页面的右下角，而不是在可折叠的内部。如何让 btn 留在体内？
https://codepen.io/rils/pen/qpOoeJ
<div style="padding-left: 500px" id="rView">
<ul class="collapsible" data-collapsible="accordion" id="reg_view">
<li>
<div class="collapsible-header">IPC > PS xxxx </div>
<div class="collapsible-body">
<div class="row">
<div class="input-field col s1 tooltipped " data-position="bottom" data-delay="50"
data-tooltip="I am a tooltip">
<input id="first_name" type="text" value="00" class="validate">
<label for="first_name">31-21</label>
</div>
<div class="input-field col s1">
<input id="first_name" type="text" value="01" class="validate">
<label for="first_name">20-8</label>
</div>
<div class="input-field col s1">
<input id="first_name" type="text" value="10" class="validate">
<label for="first_name">7-0</label>
</div>
<div class="input-field col s4">
<input id="first_name" type="text" value="0x11002200" class="validate">
<label for="first_name">0x40023ff8</label>
</div>
<div class="fixed-action-btn horizontal click-to-toggle" style="position: absolute">
<a class="btn-floating btn-large red">
<i class="material-icons">menu</i>
</a>
<ul>
<li><a class="btn-floating red"><i class="material-icons">insert_chart</i></a></li>
<li><a class="btn-floating yellow darken-1"><i
class="material-icons">format_quote</i></a></li>
<li><a class="btn-floating green"><i class="material-icons">publish</i></a></li>
<li><a class="btn-floating blue"><i class="material-icons">attach_file</i></a></li>
</ul>
</div>
</div>
<div class="divider"></div>
<table>
<thead>
<tr>
<th>FIELD</th>
<th>DESC</th>
<th>RW</th>
<th>DEFAULT VALUE</th>
</tr>
</thead>
<tbody>
<tr>
<td>0-7</td>
<td>ID</td>
<td>RW</td>
<td>1 INTERFACE</td>
</tr>
<tr>
<td>8-21</td>
<td>ID</td>
<td>RW</td>
<td>2 INTERFACE</td>
</tr>
<tr>
<td>22-31</td>
<td>ID</td>
<td>RW</td>
<td>3 INTERFACE</td>
</tr>
</tbody>
</table>
</div>
</li>
</ul>
</div>
最佳答案
position:fixed将元素放在文档流之外 relative到最近的视口(viewport)。默认情况下，这将是 <body> .position:absolute会将元素放在文档流之外相对于最近定位的祖先。那将是最近的祖先集合 position , 除了 static (这是默认的)。 最后，请给出您的 <button> position:absolute和你的 <ul> position:relative;
关于javascript - 可折叠体内的固定 Action 按钮，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47847806/
25
4
0
因此，我的flutter应用程序运行正常，但是我想对其进行一些更改。 我要执行的第一个更改是创建一个水平滚动窗口小部件，该窗口小部件的图像可以单击以更改工作站。 但是要做到这一点，我首先需要将两个小部
如何在 Bootstrap 模态的主体内设置 div 样式？这是我的模型: text ') .okBtn('ok') .open();">Open Model 我的CSS: @M
我有一个简单的触发器，它在 SQL Fiddle 上运行，但它不允许我将 INSERT STATEMENT 移动到触发器的主体内。 my code on sqlFiddle我只是想移动这条线 INSE
我是一名优秀的程序员,十分优秀！