如何操作 - 响应式浮动

了解如何使用 CSS 创建响应式浮动元素。

响应式浮动

使用媒体查询并设置元素何时浮动的指定屏幕宽度（以像素为单位）：

示例

/* Float to the right on screens that are equal to or less than 768px wide */
@media (max-width: 768px) {
.float-right-sm {
float: right;
}
}

/* Float to the right on screens that are equal to or greater than 769px wide */
@media (min-width: 769px) {
.float-right-lg {
float: right;
}
}

亲自试一试 »

提示：在我们的中了解有关浮动的更多信息CSS 浮动教程。