复盘样式-2024-06

1.将“保存”按钮移到详情页右下角，如下代码已测试能实现需求

<script>
      function alert1() {
          alert(1);
      }
  </script>

<!-- 我一开始写的<script type="css"></script>有误 -->
 <!-- 这样写里面定义的样式更不不会被识别 -->
<style>
    .save-button {
        position: fixed;
        right: 20px;
        bottom: 20px;
    }
</style>

<div class="save-button">
            <button onclick="alert1()">保存</button>
        </div>

 2024-06-02

1.理解position:fixed

1.1注意拼写，刚才我拼错了，不应该是positition，而应该是position

1.2position:fixed定义相对于浏览器窗口的位置

1.3定义时一般要同时定义如下4个值中的一个或多个，从而定位其相对于浏览器窗口的位置：top、right、bottom、left

1.4将其固定在相对于浏览器窗口的某个位置

1.5其不属于文档流，所以要注意可能出现浮动在文档元素上方的情况

1.6其位置不会因浏览器页面的滚动而改变