Javascript 固定作用btn在可折叠物体内

我试图在一个可折叠的物体内添加一个固定动作btn。但在html页面中，它总是出现在页面的右下角，而不是在可折叠页面中。如何保持btn在体内

IPC>PS xxxx
31-21
20-8
7-0
0x40023ff8
菜单

插入图表
报价格式
发表
附加文件

领域
描述
RW
默认值
0-7
身份证件
RW
1接口
8-21
身份证件
RW
2接口
22-31
身份证件
RW
3接口

• position:fixed

  将元素放置在文档流之外相对 到最近的视口。默认情况下，这将是

• position:absolute

  将元素放置在文档流之外相对于最近的祖先位置。这将是具有一组

  位置

  的最近祖先，而不是

  静态

  （默认设置）

总之，给出你的

位置：绝对
和
位置：相对

position:fixed
将元素放置在文档流之外相对
到最近的视口。默认情况下，这将是

position:absolute
将元素放置在文档流之外相对于最近的祖先位置。这将是具有一组
位置
的最近祖先，而不是
静态
（默认设置）

总之，给出你的
位置：绝对
和
位置：相对
谢谢！由于它是可折叠的，由于按钮的位置，它会自动打开。添加
后，单击切换
可折叠文件不会自动打开。嘿，但我想在可折叠文件中的每个li中添加FAB。在你提到的固定位置之后，FAB出现在主ul的右下角。如何在每个可折叠身体的右下角实现？我再次阅读了你的位置：绝对。我设置了相对于另一个祖先的位置，现在它被修复了。谢谢你提出这个概念。谢谢！由于它是可折叠的，由于按钮的位置，它会自动打开。添加
后，单击切换
可折叠文件不会自动打开。嘿，但我想在可折叠文件中的每个li中添加FAB。在你提到的固定位置之后，FAB出现在主ul的右下角。如何在每个可折叠身体的右下角实现？我再次阅读了你的位置：绝对。我设置了相对于另一个祖先的位置，现在它被修复了。谢谢你提出这个概念。
<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>