CSS 中，你可以使用 float 属性来实现 div 元素的上下浮动。下面是一个示例代码：
div {
float: left; /* 或者使用 float: right; */
}
在上面的代码中，float: left; 将使 div 元素向左浮动，而 float: right; 则使其向右浮动。根据你的需求选择适当的浮动方向。
需要注意的是，当 div 元素浮动后，其周围的元素会重新排列以适应浮动元素的位置。如果你希望避免其他元素受到浮动元素的影响，可以考虑使用 clear 属性来清除浮动。例如：
.clearfix::after {
content: "";
display: table;
clear: both;
}
然后，将 clearfix 类应用于包含浮动元素的父元素。这样可以确保父元素包含其浮动的子元素。
<div class="clearfix">
<div class="float-left">左浮动的内容</div>
<div class="float-right">右浮动的内容</div>
</div>
以上代码示例中，.float-left 和 .float-right 类可以自定义，用于定义对应的样式。
请注意，浮动元素可能会导致父元素高度塌陷，这可能需要通过其他方式（如使用 clearfix 类或使用 clearfix 技术）来清除浮动所带来的影响，以保证布局的正确性和一致性。