Html 为什么'；当你改变窗口的大小时，我的菜单按钮是否停留在正确的位置？_Html_Css

Html 为什么'；当你改变窗口的大小时，我的菜单按钮是否停留在正确的位置？

html css

Html 为什么'；当你改变窗口的大小时，我的菜单按钮是否停留在正确的位置？,html,css,Html,Css,当我全屏显示时，我让菜单按钮位于正确的位置，但如果浏览器窗口的大小发生变化，按钮会移动，我做错了什么？我尝试使用不同的“位置”对齐它这是我的html代码： <!DOCTYPE html> 发布的代码还不够，我看到您已经放置了绝对定位，这意味着父元素应该有一个相对位置，您是否为父元素放置了position:relative属性？还有一件事，您已经放置了填充，然后离开：110px，为什么当屏幕大小改变时按钮不应该移动。它应该移动和适应，因为响应性设计。它应该始终位于相对定位父元素左

当我全屏显示时，我让菜单按钮位于正确的位置，但如果浏览器窗口的大小发生变化，按钮会移动，我做错了什么？我尝试使用不同的“位置”对齐它这是我的html代码：

<!DOCTYPE html>

发布的代码还不够，我看到您已经放置了绝对定位，这意味着父元素应该有一个相对位置，您是否为父元素放置了position:relative属性？还有一件事，您已经放置了填充，然后离开：110px，为什么当屏幕大小改变时按钮不应该移动。它应该移动和适应，因为响应性设计。它应该始终位于相对定位父元素左侧110px处。

我看到您已在

标记内链接到样式表！！！您需要在

头部标记中执行此操作！这就是为什么你的css规则没有得到应用
简单介绍一下css，当您只有一个元素时，最好给它一个id
，而不是class

例如，如果你有一个按钮，最好给它一个id
而不是class
那么，你可以在窗口的中间放置一些内容，在窗口的左侧放置一些110px。为什么它们不会相对移动？
</head>

<body style="background-color: black">
<link rel="stylesheet" type="text/css" href="DropDownMenu.css">
<div style="position:;" class="dropdown">
<button style="background: url(indexLiten.jpg)" class="dropbtn"></button>
</div>
<center><h1 class="h1" style="color: white; font-size: 50px" >Intro to Vortexcall</h1></center>
  <center><p>What is the Vortex?<br>
      </p></center>

    
</body>

@charset "utf-8";
.dropbtn {
position: absolute;
background-color: #562088;
color: whitesmoke;
left: 110px;
padding: 50px;
font-size: 16px;
border: none;

}