在HTML中定位对象（Div / CSS）

Question

我是新手，试图为一个项目设计一个模拟汽车销售网站，但我需要一些帮助，考虑到初学者，我设计了divs的基本布局，我我想在横幅的右上角放一个徽章，但徽标使用以下内容和CSS完成：

img.logo
{ 
  position: relative; 
  top:15px; 
  left: 24px;
}

但是当我试图在右手边放一个“徽章”时它会移动徽标吗？

任何人都知道如何将它们保持在同一条线上，一般来说最好的方法是在网页中设置元素吗？ CSS或单独的div？

Answer 1

使用不同的div时，您应该在下一个元素中使用float:right;和clear:both;。 但尝试将其设置为背景图像： background-image:url('./url/to/file.png'); background-repeat:no-repeat; background-position:right;

回答你的一般问题：两个！ 使用div并用css定位它们。

Answer 2

很难说不知道html但是我会看看显示：inline-block和float：right

Answer 3

CSS是级联样式表，它是一种样式语言。 div是属于标记语言HTML的标记。

我建议您按照css和html上的教程进行操作。网上有很多人。此外，请确保您学习如何检查网页和查看源，以便您可以了解其他人所做的事情。祝你好运！

Answer 4

尝试使用

img.logo
{ 
position: absolute; 
margin-top: 100px; 
margin-left: 100px;
}

只需更改margin-top和margin-left的值，直到将其放在所需位置。你也可以使用负面前。 -100px;