จะทำได้อย่างไร: เลื่อนขึ้นทันที

เรียนรู้ว่าจะทำได้อย่างไรเพื่อสร้างวิตกภาพเลื่อนขึ้นทันทีด้วย CSS。

เลื่อนขึ้นทันที

ใช้เมดิ�าความยาวและตั้งค่าความกว้างของหน้าจอที่เฉพาะกิจ (ด้วยพิกเซล) เพื่อระบุว่าวิตกภาพควรเลื่อนขึ้นขวาเมื่อไหร่:

/* ในขอบเขตจอที่กว้างเท่าหรือน้อยกว่า 768px ที่จะเลื่อนขึ้นขวา */
@media (max-width: 768px) {
  .float-right-sm {
    float: right;
  }
}
/* ในขอบเขตจอที่กว้างเท่าหรือมากกว่า 769 พิกเซลที่จะเลื่อนขึ้นขวา */
@media (min-width: 769px) {
  .float-right-lg {
    float: right;
  }
}

亲自试一试

相关页面

教程：CSS 浮动