CSS中的浮出（float）是一種常見的布局方式，可以讓元素在文檔中浮動而不占據原有布局。下面是使用CSS浮出實現兩列布局的代碼示例：

/* HTML代碼 */
<div class="wrapper">
<div class="left">左側內容</div>
<div class="right">右側內容</div>
</div>
/* CSS代碼 */
.wrapper {
width: 100%;
}
.left {
width: 30%;
float: left;
}
.right {
width: 70%;
float: right;
}

上述示例中，使用float將左側元素向左浮動，右側元素向右浮動，實現了兩列布局。但是需要注意的是，當元素浮出后，其父容器的高度將無法被自動撐開，可能會導致一些排版問題。可以使用clear清除浮出，使父容器撐開高度，如下所示：

/* HTML代碼 */
<div class="wrapper">
<div class="content">
<div class="left">左側內容</div>
<div class="right">右側內容</div>
<div class="clear"></div>
</div>
</div>
/* CSS代碼 */
.wrapper {
width: 100%;
}
.content {
overflow: hidden; /* 清除浮出 */
}
.left {
width: 30%;
float: left;
}
.right {
width: 70%;
float: right;
}
.clear {
clear: both;
}

在這個示例中，添加了一個.clear元素，使用clear: both清除左右兩側的浮動，同時設置父容器的overflow屬性為hidden，實現了自動撐開父容器的高度。這種方法也被稱為“清除浮出法”。