今天我们来学习一下CSS中的位置控制代码。CSS中有一些特殊的属性可以让我们控制HTML元素在页面中的位置，这些属性包括position、top、bottom、left和right。
首先，让我们来看一下position属性。这个属性有四个值可以选择，分别是static、relative、absolute和fixed。下面是其语法：
```
position: static|relative|absolute|fixed;
```
其中，static是默认值，表示元素的位置不会受到其他属性的影响。relative表示元素相对于其原本的位置进行定位，可以使用top、bottom、left和right属性来控制其具体位置。absolute可以让元素相对于其最近的一个已定位的祖先元素进行定位，如果没有这样的元素，则相对于浏览器窗口进行定位。fixed则是将元素固定在页面的某个位置，不会随着页面滚动而移动。
接下来，让我们来看一下top、bottom、left和right属性。这些属性只有在position为relative、absolute或fixed时才有效。这些属性可以用来控制元素的位置，例如：
```
position: absolute;
top: 20px;
left: 30px;
```
这段代码会让元素相对于其最近的已定位的祖先元素向下移动20像素，向右移动30像素。
最后，我们来看一下如何将多个元素拼凑在一起。我们可以使用float属性来使元素浮动，从而让它们排列在一行或一列。下面是其语法：
```
float: left|right;
```
这段代码会将元素向左或向右浮动。如果元素在左侧，则其右侧的元素会顶到其左侧；如果元素在右侧，则其左侧的元素会顶到其右侧。
好了，我们今天就学习到这里。希望这篇文章能帮助大家更好地掌握CSS中的位置控制代码。