ຕໍາແຫນ່ງພີ່ນ້ອງ - ມັນເປັນສິ່ງທີ່? ຄໍາອະທິບາຍລາຍລະອຽດ

ຮັງ Html - ຂະບວນການທີ່ຍາວນານ, ມີຄວາມເຄັ່ງຄັດ, ແຕ່ຄວາມຄິດສ້າງສັນຫຼາຍ. ເຖິງວ່າຈະມີຄວາມຈິງທີ່ວ່າສໍາລັບສ່ວນໃຫຍ່ຂອງປະຊາຊົນວຽກເຮັດງານທໍາໃນໄອທີ, ຮູບລັກຫນ້າເວັບອາດຈະເບິ່ງຄືວ່າປົກກະຕິເຈາະ, ຜູ້ຊ່ຽວຊານທີ່ມີວິຊາຊີບສໍາລັບກໍລະນີ, ບໍ່ພຽງແຕ່ຄຸນນະພາບປະຕິບັດໃນຫນ້າວຽກ, ແຕ່ຍັງໄດ້ຮັບຈາກຂະບວນການຂອງຄວາມສຸກທີ່ມີຕົວຕົນໄດ້.

ຢ່າງໃດກໍຕາມ, ກ່ອນທີ່ທ່ານຈະກາຍເປັນ coder ມີປະສົບການ, ແຕ່ລະ newcomer spends ຢ່າງຫຼາຍຂອງທີ່ໃຊ້ເວລາການສຶກສາຄໍາແນະນໍາຕ່າງໆແລະຂໍ້ກໍາຫນົດຂອງທັງສອງພາສາ HTML ໄດ້, ແລະຜູກພັນຂອງຕົນ - CSS. ກ່ຽວກັບແທ້ ສິ່ງທີ່ CSS, ສິ່ງທີ່ມັນເປັນແລະສິ່ງທີ່ "ຫູ feint" ອະນຸຍາດໃຫ້ທ່ານເພື່ອໃຫ້ໄດ້ຮັບເຖິງ, ເຊັ່ນດຽວກັນກັບຫນຶ່ງໃນຄຸນສົມບັດດ້ານເທິງຂອງຕົນ - ຕໍາແຫນ່ງພີ່ນ້ອງ - ໃນມື້ນີ້ພວກເຮົາຈະສົນທະນາ.

CSS ແມ່ນຫຍັງ?

CSS ຫຍໍ້ສາມາດໄດ້ຮັບການຖ່າຍທອດແລະແປເປັນພາສາລັດເຊຍເປັນ "ແບບ cascading ແຜ່ນ". ມັນຊື່ສາມັນ strange pretty - ຢູ່ໃນມືຫນຶ່ງ, ມັນເບິ່ງຄືວ່າທີ່ຈະແຈ້ງ, ແລະຄໍາສັບຕ່າງໆ, ແລະປະເທດອື່ນໆ - ຄວາມຫມາຍໂດຍທົ່ວໄປແມ່ນບໍ່ໄດ້ບັນທຶກໃນທັນທີ. ໃຫ້ຂອງເລີ່ມຈາກງ່າຍດາຍ - ມີແບບ. ເຕັກໂນໂລຊີນີ້ອະນຸຍາດໃຫ້ທ່ານທີ່ຈະຕິດວັດຖຸເທິງຫນ້າ, ລັກສະນະສະເພາະໃດຫນຶ່ງກ່ຽວກັບຮູບລັກສະນະທີ່ທ່ານພຽງແຕ່ສາມາດລົງທະບຽນພຽງຄັ້ງດຽວແລະໃຊ້ເປັນຈໍານວນ infinite ຂອງເວລາ.

ຄໍາວ່າ "ຕາຕະລາງ" ໃນການແປພາສາຢ່າງເປັນທາງການທີ່ເກືອບໂດຍອຸປະຕິເຫດ - ໃນຄວາມເປັນຈິງທີ່ເຫມາະສົມເພີ່ມເຕີມທີ່ນີ້ຈະເປັນການນໍາໃຊ້ຄໍາວ່າ "ລາຍ" ຫຼື "ລາຍການ", ຢ່າງໃດກໍຕາມຜູ້ຂຽນຂອງການແປພາສາຕົ້ນສະບັບໄດ້ຕັດສິນໃຈທີ່ CSS ທີ່ຄ້າຍຄືຫຼາຍກ່ວາບັນຊີລາຍຊື່, ແລະພວກເຮົາມີຄວາມຜູ້ທີ່ ດັ່ງກ່າວແມ່ນໃນປັດຈຸບັນຈະພະຍາຍາມໃຫ້ເຂົາເຈົ້າ.

ທ້າຍສຸດນີ້, ຄໍາວ່າ "ນ້ໍາຕົກ." ຄວາມຈິງແລ້ວແມ່ນວ່າໃນແຕ່ລະອົງປະກອບສາມາດມີຮູບແບບຈໍານວນຫນຶ່ງທີ່ສາມາດໄດ້ຮັບການປະສົມຫຼືແມ້ກະທັ້ງມີການຊໍ້າຊ້ອນ. ໃນກໍລະນີດັ່ງກ່າວ, ຕົວທ່ອງເວັບທີ່ມີການສອດກັບທີ່ກໍານົດໄວ້ຂອງກົດລະບຽບເປັນ, ໃນຄໍາສັ່ງທີ່ຈະປະກອບຮູບລັກສະນະຂອງຕັນໄດ້, ເຊິ່ງໄດ້ຫັນອອກຈະຫລາຍຮູບແບບ, ຫນຶ່ງຂອງເຂົາເຈົ້າ, ສໍາລັບການຍົກຕົວຢ່າງ, ມີຄຸນສົມບັດສໍາພັດຕໍາແຫນ່ງ, ແລະປະເທດອື່ນໆ - ຕໍາແຫນ່ງຢ່າງແທ້ຈິງ. ໃນຄວາມເປັນຈິງ, ຂໍ້ຂັດແຍ່ງດັ່ງກ່າວບໍ່ສາມາດ tolerated, ແຕ່ວ່າໃນບັນດາໂຄງການຂະຫນາດໃຫຍ່ຄວາມສັບສົນດັ່ງກ່າວເກີດຂຶ້ນຂ້ອນຂ້າງມັກ.

ດັ່ງນັ້ນໃນປັດຈຸບັນ, ໃນເວລາທີ່ທຸກສິ່ງທຸກຢ່າງເປັນທີ່ຈະແຈ້ງຈາກຊື່, ໃຫ້ເບິ່ງຢູ່ໃນຕົວຢ່າງທີ່ງ່າຍດາຍ. ໃຫ້ຂອງເວົ້າວ່າເວັບໄຊຂອງທ່ານຄວນຈະເປັນຈໍານວນຂະຫນາດໃຫຍ່ຂອງປຸ່ມ, ການອອກແບບໃນວິທີການສະເພາະໃດຫນຶ່ງ. ພວກເຂົາເຈົ້າມີຄຸນສົມບັດເຊັ່ນ: ຂະຫນາດ, shadow, opacity, ສີ. ແນ່ນອນວ່າ, ທ່ານສາມາດກໍານົດຕົວກໍານົດການເຫຼົ່ານີ້, ການສ້າງປຸ່ມແຕ່ລະຄົນ, ແຕ່ເປັນຫຼາຍງ່າຍຕໍ່ການນໍາໃຊ້ CSS. ໃນການປະຕິບັດ, ທ່ານຈໍາເປັນຕ້ອງໄດ້ອະທິບາຍເປັນລະດັບທີ່ແນ່ນອນ, ເຊິ່ງລາຍການຄ່າຂອງທັງຫມົດຂອງຄຸນສົມບັດຂ້າງເທິງນີ້, ແລະຫຼັງຈາກນັ້ນ, ແທນທີ່ຈະເປັນບັນຊີລາຍຊື່ຍາວ, ໂຄດຄໍາສັ່ງຂອງແຕ່ລະປຸ່ມທີ່ພຽງແຕ່ຈະຕ້ອງໄດ້ລະບຸຊື່ຂອງລະດັບດັ່ງກ່າວ, ຫຼັງຈາກນັ້ນຕົວທ່ອງເວັບຂອງຕົວມັນເອງຈະສີອົງປະກອບເຫຼົ່ານີ້ຢູ່ໃນສີທີ່ຕ້ອງການແລະໃຫ້ເຂົາເຈົ້າເປັນທີ່ເຫມາະສົມ "ກອດ".

ຈະເປັນແນວໃດຄຸນສົມບັດຕໍາແຫນ່ງແນວໃດ?

ໃນປັດຈຸບັນພວກເຮົາດໍາເນີນການໂດຍກົງກັບຕໍາແຫນ່ງຄຸນສົມບັດໄດ້, ສໍາລັບ sake ຂອງທີ່ໄດ້ເລີ່ມຕົ້ນບົດຄວາມທັງຫມົດນີ້. ຖ້າຫາກວ່າທ່ານມີຄວາມຄຸ້ນເຄີຍກັບພາສາອັງກິດ, ຫຼືມີ intuition ທີ່ດີ, ຫຼັງຈາກນັ້ນທ່ານແລ້ວຄວນຈະເປັນທີ່ຈະແຈ້ງ - ຄຸນສົມບັດນີ້ແມ່ນຮັບຜິດຊອບສໍາລັບການສະຖານທີ່ຂອງລາຍການໄດ້. ໃນຄວາມເປັນຈິງ, ວິທີການມັນແມ່ນ, ແຕ່ແທນທີ່ຈະຕັດສິນກໍານົດສະຖານທີ່ສະເພາະໃດຫນຶ່ງ, ຄຸນສົມບັດນີ້ບອກຕົວທ່ອງເວັບຂອງເຮັດແນວໃດມັນຄວນຈະຖືກເກັບໄວ້ຫນຶ່ງຫຼືອົງປະກອບອື່ນດ້ວຍຄວາມນັບຖືທີ່ຈະຢູ່ໃກ້ຊິດຫລືທົ່ວຫນ້າໂດຍລວມ.

ຄ່າສາມາດເຮັດໄດ້ຄຸນສົມບັດຕໍາແຫນ່ງວຽກນີ້ຈະເປັນແນວໃດ?

ຄຸນສົມບັດຂອງພວກເຮົາສາມາດຮັບເອົາຄ່າທີ່ແຕກຕ່າງກັນຫຼາຍ, ມີພຽງແຕ່ຫ້າ. ຕໍ່ໄປນີ້ແມ່ນຄໍາອະທິບາຍໂດຍຫຍໍ້ຂອງແຕ່ລະຄົນ:

• ຕໍາແຫນ່ງມໍລະດົກ. ຄຸນນະສົມບັດນີ້ອະນຸຍາດໃຫ້ທ່ານສາມາດສໍາເນົາຂໍ້ມູນທີ່ກ່ຽວກັບຕໍາແຫນ່ງຂອງອົງປະກອບທີ່ເປັນພໍ່ແມ່ໄດ້. ສໍາລັບຕົວຢ່າງ, ຖ້າຫາກວ່າທ່ານມີ div ທີ່ມີພີ່ນ້ອງຕໍາແຫນ່ງທີ່ລະບຸໄວ້, ຫຼັງຈາກນັ້ນເຂົ້າໄປໃນມັນທີ່ມີມູນຄ່າມໍລະດົກ IMG ຍັງຈະໄດ້ຮັບການກໍານົດເພື່ອພີ່ນ້ອງ.
• ຕໍາແຫນ່ງ Static. ມູນຄ່ານີ້ແມ່ນມອບໃຫ້ອົງປະກອບທັງຫມົດອັດຕະໂນມັດ, ເວັ້ນເສຍແຕ່ໄດ້ລະບຸໄວ້ອີກຕໍ່ໄປ. ອົງປະກອບທີ່ເຫມາະເຂົ້າໄປໃນຕໍາແຫນ່ງທີ່ໄດ້ກ່າວມາໃນລະຫັດແລະຍັງບໍ່ທັນມີສໍາລັບຊະນິດຂອງ "frills", ອະນຸຍາດໃຫ້ມີການປ່ຽນແປງຕໍາແຫນ່ງຂອງພວກເຂົາ.
• ຕໍາແຫນ່ງຢ່າງແທ້ຈິງ. ໂດຍຄ່ານີ້ຄຸນສົມບັດຕໍາແຫນ່ງທີ່ຂ້ອນຂ້າງມັກຖືກນໍາໃຊ້ໃນກໍລະນີທີ່ມັນເປັນຄວາມຈໍາເປັນເພື່ອສ້າງເປັນ "ລອຍ" ອົງປະກອບ. ມີຄ່າກໍາຫນົດຂອງລາຍການຊັບສິນແມ່ນ "ເບິ່ງເຫັນ" ສໍາລັບອົງປະກອບອື່ນໆຂອງຫນ້າ. ຫມາຍຄວາມວ່າ, ພວກເຂົາເຈົ້າໄດ້ຖືກຈັດລຽງຕາມຖ້າຫາກວ່າອົງປະກອບຢ່າງແທ້ຈິງຂອງພວກເຮົາບໍ່ມີ. ພະເຍຊູເອງສະເຫມີຈະຢູ່ໃນສະຖານທີ່, ບໍ່ຄໍານຶງເຖິງວິທີການຮັບໄກເລື່ອນຫນ້າ.
• ຕໍາແຫນ່ງຄົງທີ່. ເບິ່ງໃນຫຼາຍໆດ້ານ, ມູນຄ່ານີ້ແມ່ນຄ້າຍຄືກັນກັບທີ່ຜ່ານມາຫນຶ່ງ, ຢ່າງໃດກໍຕາມ, ໃນຂະນະທີ່ອົງປະກອບຂອງຢ່າງແທ້ຈິງແມ່ນຜູກພັນກັບພໍ່ແມ່ໄດ້, ມີການສ້ອມແຊມນໍາໃຊ້ພຽງແຕ່ປະສານງານຂອງແຈເບື້ອງຊ້າຍດ້ານເທິງຂອງຫນ້າຈໍຂອງຕົວທ່ອງເວັບໄດ້, ignoring ສ່ວນທີ່ເຫຼືອຂອງອົງປະກອບທີ່ເກີດຂຶ້ນກ່ອນຫນ້າທີ່.
• ທ້າຍສຸດນີ້, ຕໍາແຫນ່ງສໍາພັດ. ຄ່າປະເພດນີ້ອະນຸຍາດໃຫ້ອົງປະກອບຕໍາແຫນ່ງທຽບກັບປະເທດອື່ນໆ, ເຊິ່ງສາມາດເປັນປະໂຫຍດສໍາລັບການສ້າງເປັນການປັບເຄື່ອງຫມາຍເອີ້ນວ່າໃນ "ຢາງ" ທົ່ວໄປ. ມີຄຸນສົມບັດດັ່ງກ່າວນີ້, ລາຍການຈະ "ຍູ້" ອື່ນໆ, ໂດຍບໍ່ມີການສູນເສຍຄວາມສາມາດໃນການປ່ຽນແປງຕໍາແຫນ່ງຂອງພວກເຂົາໃນຫນ້າເວັບ.

ເຮັດວຽກຮ່ວມກັບຕໍາແຫນ່ງໃນຕົວທ່ອງເວັບທີ່ແຕກຕ່າງກັນ

ບໍ່ຕົວທ່ອງເວັບທັງຫມົດທີ່ເຫມາະສົມເທົ່າທຽມກັນ. ໃນຂະນະທີ່ຫຼາຍທີ່ສຸດບັນດາໂຄງການທາງເລືອກສໍາລັບການ surfing ອິນເຕີເນັດໂດຍບໍ່ມີການ hitch ໃດຮັບຮູ້ເຂົ້າໃຈມູນຄ່າຖານະເປັນຄວາມຈິງຢ່າງແທ້ຈິງ, "ຊໍາເຮື້ອພິເສດ» Internet Explorer ຖືຄຸນສົມບັດໄດ້, ໂດຍອີງຕາມສະບັບຂອງຕົນ.

ສໍາລັບຕົວຢ່າງ, ການນໍາໃຊ້ແລ້ວ "ຝັງ" ຕົວທ່ອງເວັບຂອງ IE6, ທ່ານບໍ່ສາມາດນໍາໃຊ້ມູນຄ່າການແກ້ໄຂແລະມໍລະດົກ - "donkey" ພວກເຂົາເຈົ້າພຽງແຕ່ບໍ່ສົນໃຈມັນ. ຢ່າງໃດກໍຕາມ, ເຖິງວ່າຈະມີຄວາມຈິງທີ່ວ່າສະບັບທີ VII ຂອງສະຖານະການໄດ້ເລີ່ມຕົ້ນໃນການປັບປຸງແລະແກ້ໄຂປະມວນຜົນແລ້ວ, ເພື່ອມໍລະດົກອັນເປັນທີ່ຮັກ "ຂອງຕົວທ່ອງເວັບທີ່ຈະດາວນ໌ໂຫລດຕົວທ່ອງເວັບອື່ນໆ," ບັນລຸໄດ້ພຽງແຕ່ໃນ incarnation eighth ຂອງຕົນ.

ສ່ວນທີ່ເຫຼືອຂອງຜູ້ສັງເກດການ calmly ຈັດຕໍາແຫນ່ງກັບສະບັບທໍາອິດ, ມີຂໍ້ຍົກເວັ້ນຂອງ Opera ໄດ້, ເຊິ່ງໄດ້ຮັບສະຫນັບສະຫນູນຂອງຄຸນສົມບັດໃນ 4 ການປ່ຽນແປງຂອງຕົນ, ຈັດພີມມາໃນ 90s ກາງ.

ເຮັດວຽກຮ່ວມກັບຕໍາແຫນ່ງໃນ Javascript

ໃນຄວາມເປັນຈິງ, ເລື່ອງຂອງວິທີການເຮັດວຽກຮ່ວມກັບຄຸນສົມບັດຕໍາແຫນ່ງໃນ Javascript ແມ່ນ, ພວກເຮົາໄດ້ປະກອບພຽງແຕ່ສໍາລັບ sake ຂອງ decency. ເນື່ອງຈາກວ່າຄຸນສົມບັດນີ້ບໍ່ໄດ້ມີລັກສະນະພິເສດໃນຫົວຂໍ້, ທ່ານສາມາດນໍາໃຊ້ໂດຍບໍ່ມີການ JS ການປ່ຽນແປງໃດໆ, ສໍາລັບການຍົກຕົວຢ່າງ, ເພື່ອກໍານົດຕໍາແຫນ່ງ div ຊາດ, ການ, ຄວນປະກອບດ້ວຍບັນທັດເຊັ່ນນີ້: div.style.position = 'ຍາດ.

ຂະນະທີ່ທ່ານສາມາດເບິ່ງ, ມັນເປັນງ່າຍດາຍ pretty.

ເປັນຫຍັງຕໍາແຫນ່ງຄຸນຄວາມດີພີ່ນ້ອງສົນໃຈເປັນພິເສດ?

ໃນຂະນະທີ່ຫຼາຍທີ່ສຸດຂອງຄຸນຄ່າຄຸນສົມບັດຕໍາແຫນ່ງ, ເພື່ອເຮັດໃຫ້ມັນ mildly, "ເລາະວິວາດກັນ" ກ່ຽວກັບອົງປະກອບອ້ອມຂ້າງ, ການນໍາໃຊ້ມູນຄ່າຂອງ "ຕໍາແຫນ່ງແບບ: ພີ່ນ້ອງ", ສະເຫມີໄປຄວນຈະຈື່ກ່ຽວກັບຫນ້າທັງຫມົດໂດຍລວມ, ເພາະວ່າການນໍາໃຊ້ທີ່ບໍ່ເຫມາະສົມອາດຈະແຂງແຮງ "ງ່ຽງ" ເນື້ອໃນທັງຫມົດຂອງຫນ້າຈໍ .

ໃນນອກຈາກນັ້ນ, ຄຸນສົມບັດນີ້ອະນຸຍາດໃຫ້ພຽງແຕ່ທ່ານສາມາດປ່ຽນການປັບການອອກແບບມີກໍານົດ, ເນື່ອງຈາກວ່າຄໍາຮ້ອງສະຫມັກຂອງຕົນຈະມີຜົນກະທົບຫນ້າເນື້ອຫາທັງຫມົດອັດຕະໂນມັດ. ຫຼັງຈາກນັ້ນພວກເຮົາຍັງມີເວລາທີ່ຈະພິຈາລະນາຕົວຢ່າງແລະຄວາມຜິດພາດການນໍາໃຊ້ມູນຄ່າດັ່ງກ່າວນີ້, ແລະທ່ານຈະເຫັນຄວາມສໍາຄັນທີ່ມີຕົວຕົນຂອງຕົນໃນການປະຕິບັດ.

ໃນເວລາທີ່ທ່ານຄວນຈະນໍາໃຊ້ຕໍາແຫນ່ງພີ່ນ້ອງ?

ນອກເຫນືອໄປຈາກຮູບແບບທໍາມະດາຂອງຫນ້າ HTML, ພີ່ນ້ອງຕໍາແຫນ່ງມັກຖືກນໍາໃຊ້ເພື່ອສ້າງຄວາມຫຼາກຫຼາຍຂອງຜົນກະທົບທີ່ຫນ້າສົນໃຈ. ສໍາລັບຕົວຢ່າງ, ຖ້າຫາກວ່າທ່ານຕ້ອງການລາຍການ "ມາ" ໃນຫນ້າຫຼື, ຢູ່ກົງກັນຂ້າມຂອງ, ຄ່ອຍໆໄດ້ກາຍດິນແດນຂອງຕົນ, ມັນເປັນທີ່ຊັດເຈນຄຸນສົມບັດນີ້ສາມາດຊ່ວຍໃຫ້ທ່ານປະຕິບັດນີ້ "trick".

ເຫຼົ່ານີ້ "tricks" ຈະດໍາເນີນການໂດຍຜ່ານ Javascript ແມ່ນ, ຫຼື, ຖ້າຫາກວ່າທ່ານມີຈຸດປະສົງສໍາລັບການບັງຄັບໃຊ້ຄວາມກ້າວຫນ້າ, ໂດຍຜ່ານຄຸນສົມບັດຂອງ CSS3, ເຊິ່ງອະນຸຍາດໃຫ້ທ່ານເພື່ອປັບປຸງການປ່ຽນແປງວົງຈອນໃນມູນຄ່າຂອງຕົວແປໂດຍສະເພາະ.

ນອກຈາກນີ້ໃນບາງກໍລະນີທີ່ເປັນໄປໄດ້ທີ່ຈະສ້າງສໍາພັດ "ປະສົມ" ຄ່າຕໍາແຫນ່ງ. CSS, ເຖິງແມ່ນວ່າບໍ່ໄດ້ຢູ່ໃນທີ່ໃຊ້ເວລາດຽວກັນອະນຸຍາດໃຫ້ທ່ານເພື່ອກໍານົດບາງສິ່ງບາງຢ່າງເຊັ່ນ: position: relative ຢ່າງແທ້ຈິງ, ແຕ່ໂດຍການນໍາໃຊ້ tricks ບາງ, ມັນແມ່ນຍັງເປັນໄປໄດ້ທີ່ຈະບັນລຸຜົນກະທົບນີ້. ວິທີການນີ້ອາດຈະເປັນປະໂຫຍດໃນກໍລະນີທີ່ທ່ານຕ້ອງການທີ່ຈະສ້າງບາງສິ່ງບາງຢ່າງສະລັບສັບຊ້ອນເຊັ່ນ: ເປັນ tooltip ຫລືເມນູບໍ່ເຖິງ. ພິຈາລະນາຕົວຢ່າງ, ພວກເຮົາຈະໃຫ້ຄໍາອະທິບາຍຂອງໂຄງປະກອບການດັ່ງກ່າວໄດ້ "ລູກປະສົມ."

ຕົວຢ່າງຂອງການນໍາໃຊ້ການຈັດອັນດັບພີ່ນ້ອງ

ຕໍາແຫນ່ງພີ່ນ້ອງ - ມັນເປັນງ່າຍດາຍ pretty, ແຕ່ເຄື່ອງມືການປ່ຽນແປງໄດ້ອະນຸຍາດໃຫ້ທ່ານສາມາດປະຕິບັດຫຼາຍຂອງຜົນກະທົບທີ່ຫນ້າສົນໃຈ. ໃນຄໍາສັ່ງທີ່ຈະບໍ່ຈາກສິ່ງເສດເຫລືອທີ່ໃຊ້ເວລາແລະສະຖານທີ່ທີ່ຈະຂຽນແບບລະຫັດ useless, ພວກເຮົານໍາສະເຫນີຂັ້ນຕອນວິທີທາງປາກຫຼາຍ, ຊຶ່ງສາມາດ decorate ເວັບໄຊຫຼືຫນ້າສະເພາະໃດຫນຶ່ງຂອງທ່ານ.

ໃຫ້ເລີ່ມຕົ້ນດ້ວຍ "ດໍາເນີນການອອກ" ບັນທັດ. ສົມມຸດວ່າເຈົ້າມີຄວາມຕ້ອງການສໍາລັບອົງປະກອບທີ່ຈະ "ການເດີນທາງ" ເນື່ອງຈາກວ່າຂອບດ້ານຊ້າຍຂອງຫນ້າຈໍແລະຊ້າຍ້າຍໄປຂ້າງສິດທິໃນການໄດ້. ເພື່ອປະຕິບັດດັ່ງກ່າວ "ກົນໄກ" ຄວນກໍານົດຕໍາແຫນ່ງ: relative; ຊ້າຍ: -100px, ບ່ອນທີ່ -100 - ຈໍານວນໂດຍປະມານຂອງ pixels ປະກອບ width ຕັນໄດ້. ແບບນີ້ຈະອະນຸຍາດໃຫ້ທ່ານເພື່ອຊ່ອນຫນ່ວຍບໍລິການພາຍນອກຂອງຫນ້າຈໍ, ທີ່ຢາຍໃນ "ຕໍາແຫນ່ງເລີ່ມຕົ້ນ". ໃນປັດຈຸບັນທ່ານສາມາດນໍາໃຊ້ script ທີ່ຈະເພີ່ມທະວີການທຸກສອງສາມວິນາທີມູນຄ່າຊັບສິນຕໍ່ຫນ່ວຍໄວ້ຕາບໃດທີ່ມັນບໍ່ໄດ້ກາຍເປັນເທົ່າທຽມກັນກັບ width ຂອງປ່ອງຢ້ຽມຂອງຕົວທ່ອງເວັບລົບ width ຂອງອົງປະກອບດັ່ງກ່າວໄດ້. ຜົນໄດ້ຮັບແມ່ນຫນ່ວຍບໍລິການທີ່ໄຫຼອອກຈາກຂອບຊ້າຍ, rolled ໃນທົ່ວຫນ້າຈໍແລະ "ຈອດ" ໃນມືຂວາຂອງຕົນໄດ້.

ຕົວຢ່າງອີກອັນຫນຶ່ງອະນຸຍາດໃຫ້ທ່ານເພື່ອສ້າງ "ພີ່ນ້ອງ, ຢ່າງແທ້ຈິງ" ອົງປະກອບ. ສໍາລັບຕົວຢ່າງ, ທ່ານສາມາດໃສ່ຢ່າງແທ້ຈິງພາຍໃນອື່ນ, ມີພີ່ນ້ອງຕໍາແຫນ່ງ. ດັ່ງນັ້ນ, ພວກເຮົາມີ block "ພີ່ນ້ອງ" ທີ່ບໍ່ມີຂະຫນາດທີ່ແນ່ນອນແມ່ນ inscribed, ແມ່ນໃນປັດຈຸບັນສາມາດ manifest ເອງພາຍໃນຕໍາແຫນ່ງເອກະລາດຂອງອົງປະກອບທີ່ຜ່ານມາໄດ້.

ຄວາມຜິດພາດປົກກະຕິໃນເວລາທີ່ການນໍາໃຊ້ພີ່ນ້ອງຕໍາແຫນ່ງ

ການຜິດພາດທົ່ວໄປຫຼາຍທີ່ສຸດໃນເວລາທີ່ການນໍາໃຊ້ພີ່ນ້ອງຕໍາແຫນ່ງແມ່ນວ່າການອອກແບບເວັບໄຊຕ໌ຈໍານວນຫຼາຍກ່ຽວກັບຄວາມສາມາດໃນການສະຫງວນສະຖານທີ່ໃນຫນ່ວຍງານການ, ຊຶ່ງສາມາດຕັ້ງຢູ່ທຸກແຫ່ງຫົນ. ສໍາລັບຕົວຢ່າງ, ຖ້າຫາກວ່າທ່ານມີຂະຫນາດໃຫຍ່ພົບທົ່ວໄປ, ທີ່ຕັ້ງໄວ້ນອກຂອງຫນ້າຈໍແລະມີຕໍາແຫນ່ງພີ່ນ້ອງ, ໃນສະຖານທີ່ຂອງຕົນຈະເປັນທີ່ອ້າປາກຄ້າງ "ຂຸມ". ຢ່າງໃດກໍຕາມ, ເຖິງແມ່ນວ່າຄຸນສົມບັດນີ້ແມ່ນບາງຄັ້ງສ້າງຄວາມບໍ່ສະດວກທີ່ແນ່ນອນສາມາດໄດ້ຮັບການນໍາໃຊ້ສໍາລັບທີ່ດີ, ສໍາລັບການຍົກຕົວຢ່າງ, ການສ້າງເປັນຜົນກະທົບທີ່ຫນ້າສົນໃຈຂອງ "ຕົນເອງປະຊຸມ" ຂອງເວັບໄຊດັ່ງກ່າວ, ບ່ອນທີ່ທັງຫມົດຂອງຕັນຂອງຕົນແມ່ນຖືກຈັດໃສ່ເທື່ອລະກ້າວໃນຕໍາແຫນ່ງເທິງ: 0; ຊ້າຍ: 0; t. e. ສະຖານທີ່ຕົ້ນສະບັບຂອງຕົນ.