我想将HTML播放器稍微下移

Question

我想将HTML播放器稍微向下移动，以使其不会碰到标题。

我尝试更改width和margin，但是没有用。

<div class="cont overflow">
  <div class="left" style="width: 70%; margin: 30px">
    <video controls autoplay width="100%">
       <source src="http://localhost:3000/video" type="video/webm">
      Your browser does not support the video tag.
    </video>
  </div>
</div>

Answer 1

  

我想将HTML播放器稍微下移

要将任何元素从通常在文档流中出现的位置向下移动，可以使用多种方法：

方法1：垂直翻译

{ credentials: 'same-origin' }

{ credentials: 'include' }样式表示您希望元素出现在文档流中的正常位置之外。即。如果只声明了transform: translateY(24px); ，则该元素的位置将与文档流中通常出现的位置完全相同。

工作示例：

transform: translateY()

transform: translateY(0)

方法2：相对定位

div {
  display: inline-block;
  width: 100px;
  height: 100px;
  margin: 0 12px;
  text-align: center;
  color: rgb(255, 255, 255);
  background-color: rgb(255, 0, 0);
}

div:nth-of-type(2) {
  transform: translateY(0);
}

div:nth-of-type(3) {
  transform: translateY(24px);
}

div:nth-of-type(4) {
  transform: translateY(72px);
}

<div></div> <div></div> <div></div> <div></div>样式表示您希望元素出现在文档流中的正常位置之外。即。如果只声明了position: relative; top: 24px; ，则该元素的位置将与文档流中通常出现的位置完全相同。

工作示例：

top

top: 0

Answer 2

这很简单，在HTML中，您可以根据需要使用很多<br>，因此不要碰。 尝试