คำถามติดแท็ก css

ฉันมี 2 divs:อยู่ทางซ้ายและอีกอันอยู่ทางขวาของหน้า ด้านซ้ายมีความกว้างคงที่และฉันต้องการด้านขวาเพื่อเติมพื้นที่ที่เหลือ #search { width: 160px; height: 25px; float: left; background-color: #ffffff; } #navigation { width: 780px; float: left; background-color: #A53030; } <div id="search">Text</div> <div id="navigation">Navigation</div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

419 html  css  width  responsive 

โอเคนี่ทำให้ฉันสับสนจริงๆ ฉันมีเนื้อหาภายใน div เช่นนี้: <div style="background-color: green; width: 200px; height: 300px;"> Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest. </div> อย่างไรก็ตามเนื้อหาล้น DIV (ตามที่คาดไว้) เนื่องจาก 'คำว่า' ยาวเกินไป ฉันจะบังคับให้เบราว์เซอร์ 'หยุด' คำที่จำเป็นเพื่อให้พอดีกับเนื้อหาทั้งหมดภายในได้อย่างไร

417 html  css  line-breaks 

ฉันมีภาพและฉันต้องการตั้งค่าความกว้างและความสูงเฉพาะ (เป็นพิกเซล) แต่ถ้าฉันตั้งค่าความกว้างและความสูงโดยใช้ CSS (width:150px; height:100px ) รูปภาพจะถูกยืดออกและอาจน่าเกลียด วิธีเติมภาพให้มีขนาดเฉพาะโดยใช้ CSS และไม่ยืดออกมันได้หรือไม่ ตัวอย่างการเติมและยืดภาพ: ภาพต้นฉบับ: ยืดภาพ: ภาพที่เต็มไป: โปรดทราบว่าในตัวอย่างภาพที่เติมด้านบน: ก่อนอื่นรูปภาพจะถูกปรับขนาดเป็น 150x255 (อัตราส่วนภาพคงที่) จากนั้นภาพจะถูกตัดเป็น 150x100

415 css  image 

ฉันมีdiv( ผู้ปกครอง ) ที่มีอีกdiv( เด็ก ) Parent เป็นองค์ประกอบแรกที่bodyไม่มีสไตล์ CSS เฉพาะ เมื่อฉันตั้ง .child { margin-top: 10px; } ผลลัพธ์ที่ได้คือด้านบนของลูกของฉันยังคงสอดคล้องกับผู้ปกครอง แทนที่จะเป็นลูกที่ถูกเลื่อนลง 10px ผู้ปกครองของฉันขยับลง 10px ฉันมีการตั้งค่าDOCTYPEXHTML Transitional ฉันหายไปนี่อะไร แก้ไข 1 ผู้ปกครองของฉันต้องมีมิติข้อมูลที่กำหนดอย่างเคร่งครัดเนื่องจากมีพื้นหลังที่จะต้องแสดงใต้ภาพจากบนลงล่าง (พิกเซลสมบูรณ์) ดังนั้นการตั้งระยะขอบในแนวดิ่งบนมันจึงเป็นไปไม่ได้ แก้ไข 2 พฤติกรรมนี้เหมือนกันบน FF, IE และ CR

414 css  xhtml  margin  nested 

มีวิธีการที่ดีในการช่วยระบุคำจำกัดความ css ที่ไม่ได้ใช้ในโครงการหรือไม่? ไฟล์ css จำนวนมากถูกดึงเข้ามาและตอนนี้ฉันกำลังพยายามล้างสิ่งต่าง ๆ ให้น้อยลง

414 css  performance  optimization  code-cleanup 

มีวิธี CSS ตรงไปตรงมาที่จะทำให้เส้นขอบขององค์ประกอบกึ่งโปร่งใสด้วยอะไรเช่นนี้? border-opacity: 0.7; ถ้าไม่มีใครมีความคิดว่าฉันสามารถทำได้โดยไม่ต้องใช้ภาพหรือไม่?

409 css  opacity 

อะไร!importantหมายถึงใน CSS? มันมีอยู่ใน CSS 2 หรือไม่? CSS 3 สนับสนุนอยู่ที่ไหน เบราว์เซอร์ที่ทันสมัยทั้งหมดหรือไม่

409 css 

ฉันพยายามจัดกึ่งกลางแท็บเนื้อหาในแนวตั้ง แต่เมื่อฉันเพิ่มสไตล์ CSS display:inline-flexการจัดแนวข้อความในแนวนอนจะหายไป ฉันจะจัดแนวข้อความทั้งสองให้เป็น x และ y สำหรับแต่ละแท็บได้อย่างไร * { box-sizing: border-box; } #leftFrame { background-color: green; position: absolute; left: 0; right: 60%; top: 0; bottom: 0; } #leftFrame #tabs { background-color: red; position: absolute; top: 0; left: 0; right: 0; height: 25%; } #leftFrame #tabs div { border: …

408 html  css 

คุณจะเลือกองค์ประกอบย่อยทั้งหมดแบบวนซ้ำได้อย่างไร? div.dropdown, div.dropdown > * { color: red; } ชั้นนี้จะโยนชั้นบน className ที่กำหนดไว้และลูก ๆ ทันที ในวิธีง่ายๆคุณสามารถเลือกโหนดเด็กทั้งหมดได้ดังนี้: div.dropdown, div.dropdown > *, div.dropdown > * > *, div.dropdown > * > * > *, div.dropdown > * > * > * > * { color: red; }

407 css  css-selectors 

คุณจะได้ความสูงที่แสดงขององค์ประกอบได้อย่างไร สมมติว่าคุณมี<div>องค์ประกอบพร้อมเนื้อหาภายใน <div>นี้ภายในเนื้อหาเป็นไปเพื่อยืดความสูงของ คุณจะรับความสูง "ที่เรนเดอร์" ได้อย่างไรเมื่อคุณไม่ได้ตั้งค่าความสูงอย่างชัดเจน เห็นได้ชัดว่าฉันพยายาม: var h = document.getElementById('someDiv').style.height; มีเคล็ดลับในการทำเช่นนี้หรือไม่? ฉันใช้ jQuery ถ้าช่วยได้

405 javascript  jquery  css  height 

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน3 ปีที่ผ่านมา เช่นเดียวกับนักพัฒนาเว็บส่วนใหญ่ฉันมักจะดูแหล่งที่มาของเว็บไซต์เพื่อดูว่ามาร์กอัปของพวกเขาถูกสร้างขึ้นอย่างไร เครื่องมือต่าง ๆ เช่น Firebug และ Chrome Developer Tools ช่วยให้ตรวจสอบรหัสได้ง่าย แต่ถ้าฉันต้องการคัดลอกส่วนที่แยกต่างหากและเล่นกับมันในพื้นที่มันจะเป็นความเจ็บปวดที่จะคัดลอกองค์ประกอบทั้งหมดและ css ที่เกี่ยวข้อง และอาจเป็นไปได้มากที่จะช่วยประหยัดทั้งแหล่งและตัดรหัสที่ไม่เกี่ยวข้องออก มันจะดีถ้าฉันสามารถคลิกขวาที่โหนดใน Firebug และมีตัวเลือก "บันทึก HTML + CSS สำหรับโหนดนี้" เครื่องมือดังกล่าวมีอยู่จริงหรือไม่? เป็นไปได้ไหมที่จะขยาย Firebug หรือ Chrome Developer Tools เพื่อเพิ่มคุณสมบัตินี้

403 html  css  internet-explorer  firebug  google-chrome-devtools 

เอาท์พุท: สวัสดี คุณเป็นอย่างไร รหัส: <p>hello <br> How are you </p> วิธีการบรรลุผลเดียวกันโดยไม่<br>?

398 html  css 

ฉันกำลังสงสัยว่าอะไรคือความแตกต่างระหว่างทั้งสอง เมื่อฉันใช้ทั้งพวกเขาดูเหมือนจะทำลายคำว่ามันไม่เหมาะสมภาชนะ แต่ทำไม W3C จึงทำได้สองวิธี

397 css  word-wrap 

ฉันมีอินพุต html อินพุตมีpadding: 5px 10px;ฉันต้องการให้เป็น 100% ของความกว้าง div ของผู้ปกครอง (ซึ่งเป็นของเหลว) อย่างไรก็ตามการใช้width: 100%;ทำให้อินพุตเป็น100% + 20pxฉันจะหลีกเลี่ยงสิ่งนี้ได้อย่างไร ตัวอย่าง

396 html  css  width  fluid-layout 

ฉันใช้ตัวตรวจสอบโครมเพื่อลองและวิเคราะห์z-indexป๊อปอัพบูตแบบทวิตเตอร์และพบว่ามันน่าผิดหวังอย่างมาก ... มีวิธีการตรึง popover (ในขณะที่แสดง) เพื่อให้ฉันสามารถประเมินและแก้ไข CSS ที่เกี่ยวข้องหรือไม่ การวาง 'โฮเวอร์' ที่คงที่ไว้บนลิงก์ที่เกี่ยวข้องไม่ทำให้ป๊อปโอเวอร์ปรากฏ

394 css  google-chrome  google-chrome-devtools