回到所有的课程
课程库

使用绝对位置将按钮钉到窗体底部

使用绝对位置将元素固定在相对父元素边界内的特定位置。

这个视频的特点是一个旧的UI。更新版本即将发布!

绝对放置提交按钮,使其固定在表单的底部

要做到这一点,首先,我们需要相对定位表单元素。因为,如果我们先绝对定位提交按钮,按钮可能跳转到一个意想不到的位置。因此,为了将按钮保持在表单元素内,让我们将表单元素的位置设置为相对:

  1. 选择表单元素
  2. 将其位置设置为相对

现在,让我们定位按钮:

  1. 选择表单内的提交按钮
  2. 将位置设置为绝对
  3. 设置而且正确的0 px
  4. 设置宽度:100%

您可能会注意到,提交按钮可能会与其他表单元素重叠,因为它是绝对定位的。如果出现这种情况,可以通过在表单元素上添加底部填充来弥补提交按钮的高度。

尝试Webflow——它是免费的
Baidu
map