如何 - 响应式浮动
了解如何使用 CSS 创建响应式浮动元素。
响应式浮动
使用媒体查询并设置元素应该浮动时的指定屏幕宽度（以像素为单位）
示例
/* 在宽度小于或等于 768px 的屏幕上浮动到右侧 */
@media (max-width: 768px) {
.float-right-sm {
float: right;
}
}
/* 在宽度大于或等于 769px 的屏幕上浮动到右侧 */
@media (min-width: 769px) {
.float-right-lg {
float: right;
}
}
自己动手试一试 »
提示：在我们的CSS 浮动教程中了解更多关于浮动的信息。
