CSS 元素浮起是一種常見的設計技術，可以使網頁元素從文本中脫穎而出。通過在 CSS 中使用float屬性，可以將元素“浮起”到文本之上或之下。

/* 將元素向左浮動 */
.float-left {
float: left;
}
/* 將元素向右浮動 */
.float-right {
float: right;
}

浮動可以讓元素脫離文本流并移動至指定位置。左浮動元素會對頁面布局的影響比較大，它會影響其右側的所有元素及其包含塊的寬度。右浮動元素同樣也會影響布局，只不過影響的是左側的元素。

浮動元素通常設置寬度，否則會把元素撐滿整個父容器。不過有時候也需要為了自適應而省略寬度，然后使用clearfix來修正浮動影響。

/* 清除浮動影響 */
.clearfix::after {
content: "";
display: table;
clear: both;
}

浮動元素的展現(xiàn)方式取決于父元素和兄弟元素的布局。如果所在容器高度不夠，浮動元素將溢出容器顯示在其他元素之上。此時一種解決方案是使用overflow: auto來強制父元素包含浮動元素。

除了浮動元素之外，CSS 中還有一種常見的元素浮起技術：陰影。使用box-shadow屬性，可以為元素添加一層陰影，從而使其和其他元素區(qū)別開來。

/* 添加陰影 */
.shadow {
box-shadow: 2px 2px 2px #ccc;
}

通過組合使用浮動和陰影技術，可以創(chuàng)造出更加鮮明的頁面效果。同時，需要注意掌握好浮動元素的布局規(guī)則，以免產生無法預期的效果。