css视屏相对于页面固定,CSS定位相对于固定/绝对

首先，一对夫妇修复：＃0需要命名为别的，因为ID不能以数字开头。您还缺少：在#a的浮动属性中。不知道'x'和'y'的高度/宽度有什么关系 - 我认为这些只是个例子？

固定和绝对元素超出了文档流程。也就是说，它们不占据普通定位元素的空间。

因此，在您的示例中，固定元素将具有相对的一个，因为它们可以居住在相同的x-y空间中。如果你认为它是绝对的，top：0;左：0，同样的事情会发生。

接下来，你有一个作为一个浮动(几乎)，所以让我们考虑浮动改变所有的定位。漂浮物在布置方式上是“特殊”的。它们处于流动状态，但会尽可能地朝着浮动方向。如果它们太宽而无法与该行上的其他浮动内容相匹配，则会转到下一行。

你可以做

#a

{

float:left;

height:100px;

width:150px;

background-color:black;

}

#b

{

clear:left;

height:100px;

width:150px;

background-color:green;

}

aaaaa aaa

bbb bbb

“清除”是指一个元素将出现前被浮动元素下方。 #b将在#a的下一行。你还可以让#a在右边有一个大的边距，或者足够宽以填充任何容器并且不会为#b留下空间，以使#b位于#a下方而不是旁边。