ຊັບສົມບັດ CSS ທີ່ຊັດເຈນເປັນສ່ວນຫນຶ່ງຂອງ CSS ນັບຕັ້ງແຕ່ CSS1. ມັນສາມາດເຮັດໃຫ້ທ່ານລະບຸສິ່ງທີ່ອົງປະກອບທີ່ສາມາດເລື່ອນໄດ້ພາຍໃນອົງປະກອບທີ່ຖືກເກັບໄວ້ແລະຢູ່ຂ້າງໃດ. ຊັບສິນທີ່ຊັດເຈນມີຫ້າຄຸນສົມບັດທີ່ເປັນໄປໄດ້:
- none
- left
- right
- ທັງສອງ
- ເປັນມໍລະດົກ
ວິທີການໃຊ້ຄຸນສົມບັດທີ່ຊັດເຈນຂອງ CSS
ວິທີການທົ່ວໄປທີ່ສຸດທີ່ຈະໃຊ້ຄຸນສົມບັດທີ່ຊັດເຈນແມ່ນຫຼັງຈາກທີ່ທ່ານໃຊ້ຊັບສົມບັດທີ່ float ກັບອົງປະກອບ. ຍົກຕົວຢ່າງ:
ຂໍ້ຄວາມຕໍ່ກັບຮູບພາບຂອງຂ້ອຍ.
ຂໍ້ຄວາມທີ່ຢູ່ຂ້າງລຸ່ມນີ້ຮູບພາບຂອງຂ້ອຍ.
ອົງປະກອບທັງຫມົດຈະຖືກລຶບ: none , ດັ່ງນັ້ນຖ້າທ່ານບໍ່ຕ້ອງການອົງປະກອບອື່ນໆທີ່ຈະເລື່ອນໃສ່ບາງສິ່ງບາງຢ່າງ, ທ່ານຕ້ອງປ່ຽນແບບຢ່າງທີ່ຊັດເຈນ.
ໃນເວລາທີ່ທ່ານກໍາລັງຍົກເລີກການລອຍຕົວ, ທ່ານກົງກັນຂ້າມກັບການເລື່ອນຂອງທ່ານ. ດັ່ງນັ້ນ, ຖ້າທ່ານເລື່ອນອົງປະກອບດ້ານຊ້າຍ, ຫຼັງຈາກນັ້ນທ່ານຄວນລ້າງອອກໄປທາງຊ້າຍ. ອົງປະກອບຂອງທ່ານ float ຈະສືບຕໍ່ float, ແຕ່ອົງປະກອບຂອງ cleared ແລະທຸກສິ່ງທຸກຢ່າງຫຼັງຈາກມັນຈະປາກົດຢູ່ຂ້າງລຸ່ມນີ້ຢູ່ຫນ້າເວັບ.
ຖ້າທ່ານມີອົງປະກອບທີ່ floated ທັງສອງດ້ານຂວາແລະຊ້າຍ, ທ່ານສາມາດລຶບພຽງແຕ່ຫນຶ່ງຂ້າງຫຼືທ່ານສາມາດລຶບທັງສອງ.
ການນໍາໃຊ້ທີ່ຊັດເຈນໃນການຈັດວາງ
ວິທີການທົ່ວໄປທີ່ສຸດທີ່ນັກອອກແບບຫຼາຍທີ່ສຸດໃຊ້ຄຸນສົມບັດທີ່ຊັດເຈນ ຢູ່ໃນຮູບແບບຂອງອົງປະກອບຫນ້າ . ທ່ານອາດຈະມີ ຮູບພາບ floating ພາຍໃນຂໍ້ຄວາມທີ່ ຕ້ອງການແລະຕ້ອງການວັກຕໍ່ໄປເລີ້ມຂ້າງລຸ່ມນີ້, ຫຼືທ່ານອາດມີຄໍລໍາຂໍ້ຄວາມທີ່ທ່ານຕ້ອງການທີ່ຈະເລື່ອນໄປຂ້າງລຸ່ມຂໍ້ຄວາມທີ່ມີຂໍ້ຄວາມທີ່ປາກົດຢູ່ຂ້າງລຸ່ມນີ້.
ນີ້ແມ່ນ HTML ສໍາລັບຮູບແບບໃນແບບຟອມນີ້.
ມັນມີຖັງຫນຶ່ງທີ່ຖືອີກອັນຫນຶ່ງທີ່ຖືກລອຍຢູ່ເບື້ອງຊ້າຍ.
A short flo div
ເນື້ອໃນພາຍໃນຖາດຂອງຖາດທີ່ຈະຢູ່ທາງຂວາຂອງແຖວເລື່ອນ.
ນີ້ຈະເຮັດວຽກໄດ້ດີ, ທີ່ມີຕ່ອນສັ້ນທີ່ລອຍຢູ່ເບື້ອງຊ້າຍຂອງສ່ວນທີ່ເຫລືອຂອງເນື້ອທີ່ຕົ້ນຕໍ.
ທ່ານສາມາດລຶບຂໍ້ຄວາມທີ່ຢູ່ໃກ້ກັບປ່ອງທີ່ເລື່ອນໄດ້ໂດຍການເພີ່ມແທັກທີ່ທ່ານຕ້ອງການຂຽນຂໍ້ຄວາມຢູ່ພາຍໃຕ້ປ່ອງທີ່ເລື່ອນໄດ້.
ແຕ່ບັນຫາທີ່ເກີດຂື້ນໃນເວລາທີ່ປ່ອງທີ່ເລື່ອນໄດ້ຍາວກວ່າເນື້ອຫາຕໍ່ໄປ. ຫຼັງຈາກນັ້ນ, ຕາມທີ່ທ່ານສາມາດເຫັນໄດ້, ສີພື້ນຫລັງຂອງກ່ອງຫລັກບໍ່ໄດ້ຖືກລົງໄປຫາລຸ່ມຂອງປ່ອງທີ່ເລື່ອນໄດ້.
ໂຊກດີ, ມີວິທີທີ່ງ່າຍຕໍ່ການແກ້ໄຂນີ້: ຊັບສິນ. ໂດຍການຕັ້ງຄ່າກ່ອງຫລັກໃຫ້ເກີນໄປ: auto ສີພື້ນຫລັງ ຈະຢູ່ຄຽງຂ້າງກ່ອງທີ່ເລື່ອນໄປຍັງດ້ານລຸ່ມ, ດັ່ງທີ່ສະແດງຢູ່ໃນ ຕົວຢ່າງນີ້ .