วิธีลบล้างซ้าย: 0 โดยใช้ CSS หรือ Jquery


104

ฉันมีองค์ประกอบซึ่งมี CSS ต่อไปนี้:

.elem {
  left: 0;
  position: fixed;
  right: 0;
  width: 60%;
  z-index: 1000;
  }

องค์ประกอบไม่ครอบคลุมทั้งหน้าจอ ฉันต้องการให้ "จัดตำแหน่ง" ทางด้านขวามือของหน้าจอ

นี่จะเป็นเรื่องง่ายถ้าฉันลบleft: 0แต่ฉันไม่สามารถยุ่งกับ CSS ด้านบนได้ดังนั้นฉันจึงต้องการ CSS หรือ Jquery เพื่อแทนที่ปิดใช้งานหรือลบด้านซ้าย: 0 CSS

ขอบคุณที่ช่วยเหลือ!

คำตอบ:


238

ค่าเริ่มต้นleftคือautoดังนั้นเพียงแค่ตั้งค่าเป็นค่านั้นแล้วคุณจะ "รีเซ็ต"

.elem {
  left: auto;
}

ตรวจสอบให้แน่ใจว่าข้างต้นมาจากไฟล์ CSS ดั้งเดิม


1
ขอบคุณ! ฉันพยายาม '' แต่นั่นไม่ได้รับฉันอีกต่อไป ดีแล้วที่รู้.
บ่อย

@frequent คุณสามารถใช้ค่าเช่น '' ได้หากคุณใช้ Javascript ใช่ แต่ไม่ใช่ใน CSS อย่างไรก็ตาม แต่คุณไม่ได้บอกว่าคุณไม่สามารถยุ่งกับสไตล์ชีตได้หรือไม่? ในกรณีนั้นstyle="left:auto"แอตทริบิวต์ในองค์ประกอบเองจะทำเคล็ดลับโดยลบล้างสไตล์ชีต
Mr Lister



2

ด้วย jquery:

$(".elem").css("left", "");

ไม่รีเซ็ตเป็นค่าที่ระบุ (ในกรณีนี้คือ '0')?
Dion

1
@ Antonio: นี่เป็นการตั้งค่าแอตทริบิวต์ html "ซ้าย" ที่ไม่ถูกต้องเช่น<div left="0">แทนที่จะเปลี่ยน css ในขณะที่ความคิดเห็นของแจนยังคงยืนอยู่ (กล่าวคือไม่จำเป็นต้องใช้ JS) ก็สามารถทำได้ด้วย$(".elem").css("left", "");หรือบางอย่าง
OV

โอปนั่นเป็นความจริง ... แก้ไขและวางแนวทางแก้ไขที่เป็นไปได้นี้ ขอบคุณ.
Antonio Beamud

0

ไม่ว่าสไตล์ที่คุณแยกออกมาจะเป็นสไตล์ภายนอกหรือภายในคุณสามารถแทนที่ด้วยสไตล์ภายในเช่น:

.elem {
    position: fixed;
    right: 0;
    width: 60%;
    z-index: 1000;
  }
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.