1. 使用`float`属性
使用`float`属性可以让元素向上或向下浮动，具体取决于需要它们的位置。例如，如果想要一个文本框向上浮动，可以将它们添加到父元素的`float`属性中，如下所示：
“`css
.parent {
float: left;
.child {
width: 100px;
height: 100px;
background-color: blue;
float: right;
在上面的代码中，父元素`.parent`使用`float: left`，子元素`.child`使用`float: right`，并且它们的宽度和高度都是100像素，背景颜色是蓝色。这样，文本框`.child`就会在父元素`.parent`的左侧浮动。
2. 使用`position`属性
使用`position`属性可以让元素在其父元素的上下文中浮动，具体取决于需要它们的位置。例如，如果想要一个文本框在另一个文本框的下面浮动，可以将它们添加到另一个文本框的`position`属性中，如下所示：
“`css
.parent {
position: relative;
.child {
width: 100px;
height: 100px;
background-color: blue;
position: absolute;
bottom: 50px;
在上面的代码中，父元素`.parent`使用`position: relative`，子元素`.child`使用`position: absolute`，并且它们的位置是50像素向下。这样，文本框`.child`就会在另一个文本框`.parent`的下面浮动。
3. 使用`transform`属性
使用`transform`属性可以让元素在其父元素的上下文中浮动，并且可以更改元素的大小。例如，如果想要一个文本框在另一个文本框的下面浮动，并且可以更改文本框的大小，可以将它们添加到另一个文本框的`transform`属性中，如下所示：
“`css
.parent {
position: relative;
transform: scale(0.8);
.child {
width: 100px;
height: 100px;
background-color: blue;
transform: scale(1);
在上面的代码中，父元素`.parent`使用`position: relative`，子元素`.child`使用`transform: scale(1);`，并且它们的宽度和高度都是100像素，背景颜色是蓝色。这样，文本框`.child`就会在另一个文本框`.parent`的下面浮动，并且可以更改文本框的大小。
4. 使用`table-layout`属性
使用`table-layout`属性可以让元素固定在某个位置，具体取决于需要它们的位置。例如，如果想要一个元素始终在另一个元素的顶部浮动，可以将它们添加到另一个元素的`table-layout`属性中，如下所示：
“`css
.parent {
position: relative;
table-layout: fixed;
.child {
width: 100px;
height: 100px;
background-color: blue;
position: absolute;
top: 50px;
在上面的代码中，父元素`.parent`使用`position: relative`，子元素`.child`使用`position: absolute`，并且它们的位置是50像素向上。这样，元素`.child`就会在另一个元素`.parent`的顶部浮动。
浮动是一种常见的CSS技巧，可以用来改变网页元素的位置和大小。通过使用不同的属性，可以灵活地实现各种浮动效果。