如何让设置float:right的video标签对齐所在段落的底部位置

可以实现，你之前用position: relative不生效是因为该属性仅调整元素自身的渲染偏移位置，不会改变浮动元素的文本绕排规则，周围文本还是会按照元素原本的浮动位置排版。

推荐两种实现方案：

方案1：添加占位浮动节点（兼容性最好） #

在<video>标签前新增一个空的右浮动占位元素，宽度占满整行，高度等于第一行文本的行高，即可将视频挤到第二行开始显示，第一行文本自然占满整行。
代码示例：

<style>
.float-placeholder {
  float: right;
  width: 100%;
  height: 1.2em; /* 可根据实际行高调整，用1lh单位可自动匹配当前行高 */
}
video {
  float: right;
  width: 200px; /* 替换为你的视频实际宽度 */
}
</style>

<span class="float-placeholder"></span>
<video controls></video>
<p>textextextextextext
textextext textextext
textextext textextext
textextext textextext</p>

方案2：用伪元素实现（无额外DOM） #

如果不想新增DOM节点，可以给视频和p标签的共同父容器添加::before伪元素实现占位效果：
代码示例：

<style>
.content-wrapper::before {
  content: "";
  float: right;
  width: 100%;
  height: 1.2em;
}
video {
  float: right;
  width: 200px;
}
</style>

<div class="content-wrapper">
  <video controls></video>
  <p>textextextextextext
  textextext textextext
  textextext textextext
  textextext textextext</p>
</div>

内容的提问来源于stack exchange，提问作者Amber Cahill