Question

如果以下内容有特定名称，请告诉我，以便我可以进行一些适当的研究（到目前为止，我的搜索结果是z索引的内容完全不同）。

好的，请考虑以下情况。你有：

<div class="foo">Foo</div>
<div class="bar">bar</div>

假设类是在css表中定义的，所以当你添加另一个css表时，它们就会改变。

对于像font，color，bg这样的属性，我很清楚。

问题是如何修改自己的立场。考虑一下我想要以下输出：（你只能改变css）'Foo'是第二名，'bar'是第一名。 'foo'和'bar'在一排。

PS：如果有一个特定的名称（用css样式改变位置），请告诉我。

Answer 1

通过css无法更改索引，您只需设置样式：

像

.foo{ position: relative; top: 20px;}
.bar{ position: relative; top: -20px;}

使用这个例子的包装器可以做得更多：

Answer 2

您有几种方法可以使用css来定位div。

position就是其中之一。

要获得更灵活的解决方案，您还可以使用float。

无论你需要什么，在右边分配float:right;

无论您需要在左侧分配float:left;

<强>演示

Answer 3

尝试根据需要使用顶部，左侧，底部，右侧操纵位置css属性。如果你想让它们一个接一个地水平，你可以试试float：left

Answer 4

是的，你必须使用css浮动来实现它。

float只是将元素推送到指定的方向，并根据可用空间进行堆叠。

要获得结果，您需要应用此

.foo, .bar { float: right; }

确保将这些标记包装在父元素中并将其设置为内联块，否则它们将浮动到完整块的结尾