Question

这是我的代码。我已经完成了CSS和HTML代码，以便我将这个徽标图像移到右边。

但是，图像仍然保持不变。我做错了什么？

HTML CODE：

＆＃13;

#logo {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0px;
  right: 200 px;
  border: 25px black;
}

＆＃13;

<html>

<head>
  <link rel="stylesheet" type="text/css" href="template.css">

</head>

<body>
  <div id="logo">
    <img src="LogoSIEM.PNG" alt="logo" style="width:200px;height:200px">
  </div>

</body>

</html>

＆＃13;

Answer 1

将right: 200 px;更改为right: 200px;

px之前的空格无效，因此它不会将其识别为距离右侧200px。

Answer 2

添加：

body {
 position:relative;
}

Answer 3

使用float：right代替你在css中尝试做的事情....

＆＃13;

#logo {
  width: 200px;
  height: 200px;
  border: 25px black;
  float:right;
}

＆＃13;

<html>

<head>
  <link rel="stylesheet" type="text/css" href="template.css">

</head>

<body>
  <div id="logo">
    <img src="LogoSIEM.PNG" alt="logo" style="width:200px;height:200px">
  </div>

</body>

</html>

＆＃13;

无法移动HTML图像，我不知道为什么

3 个答案: