响应式浮动

---

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

---

响应式浮动

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

实例

/* 在宽度等于或小于 768px 的屏幕上向右浮动 */
@media (max-width: 768px) {
  .float-right-sm {
    float: right;
  }
}

/* 在宽度等于或大于 769px 的屏幕上向右浮动 */
@media (min-width: 769px) {
  .float-right-lg {
    float: right;
  }
} 亲自试一试 »

提示:在我们的 CSS 浮点数教程中了解更多关于浮点数的信息。