คำถามสัมภาษณ์แปดข้อที่น่าจะเป็นไปได้มากที่สุดของ DIV CSS

ทุกวันนี้ เมื่อหน่วยงานที่เกี่ยวข้องกำลังรับสมัครศิลปิน พวกเขาทั้งหมดต้องการความรู้เกี่ยวกับเค้าโครง DIV CSS ต่อไปนี้เป็นคำถามสัมภาษณ์แปดข้อที่ DIV CSS มีแนวโน้มที่จะพบมากที่สุด

1. รูปแบบโฮเวอร์ไม่ปรากฏหลังจากเข้าถึงไฮเปอร์ลิงก์แล้ว?

รูปแบบไฮเปอร์ลิงก์ที่ถูกคลิกไม่มีโฮเวอร์และใช้งานอยู่อีกต่อไป วิธีแก้ไขคือเปลี่ยนลำดับของแอตทริบิวต์ CSS: LVHA

2. ข้อผิดพลาด Double Margin ใน IE6

ตัวอย่างเช่น:

<style type="text/css">

เนื้อความ {ระยะขอบ:0;}

div {ลอย: ซ้าย; ขอบซ้าย: 10px; ความกว้าง: 200px; ความสูง: 200px; เส้นขอบ: 1px สีแดงทึบ;}

</สไตล์>

หลังจากลอยตัว อัตรากำไรขั้นต้นคือ 10px แต่ IE ตีความว่าเป็น 20px วิธีแก้ไขคือเพิ่ม display:inline

3. เหตุใดข้อความใน FF จึงไม่สามารถขยายความสูงของคอนเทนเนอร์ได้

คอนเทนเนอร์ที่มีค่าความสูงคงที่ในเบราว์เซอร์มาตรฐานจะไม่ถูกขยายเหมือนใน IE6 ดังนั้นหากฉันต้องการให้มีความสูงคงที่และถูกยืดออก ฉันควรตั้งค่าอย่างไร วิธีแก้ไขคือลบความสูงออกและตั้งค่า min-height:200px; ที่นี่ เพื่อดูแล IE6 ที่ไม่ทราบความสูงขั้นต่ำ สามารถกำหนดได้ดังนี้:

div { ความสูง: อัตโนมัติ! ความสูง: 200px;

4. ทำไม IE ไม่สามารถตั้งค่าสีแถบเลื่อนตามมาตรฐานเว็บได้?

การตั้งค่าสไตล์ดั้งเดิม:

<style type="text/css">

body { scrollbar-face-color:#f6f6f6; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#eeeeee; scrollbar-3dlight-color:#eeeeee; scrollbar-arrow-color:#000; -สี:#fff; scrollbar-darkshadow-color:#fff;

</สไตล์>

วิธีแก้ไขคือการแทนที่เนื้อหาด้วย html

5. เหตุใดฉันจึงไม่สามารถกำหนดคอนเทนเนอร์ที่มีความสูงประมาณ 1px ได้

ปัญหานี้ภายใต้ IE6 เกิดจากความสูงของบรรทัดเริ่มต้น และมีวิธีแก้ไขมากมาย เช่น: overflow:hidden | Zoom:0.08 |

6. จะทำให้เลเยอร์แสดงบน FLASH ได้อย่างไร?

วิธีแก้ไขคือตั้งค่าความโปร่งใสสำหรับ FLASH:

<a href=" http://www.easyq.net.cn/">:</a >

<pre lang="html" line="1">

<ชื่อพารามิเตอร์ =ค่า wmode = "โปร่งใส" />

7. จะจัดกึ่งกลางเลเยอร์ในแนวตั้งในเบราว์เซอร์ได้อย่างไร?

<style type="text/css">

-

div {

ตำแหน่ง:แน่นอน;

ด้านบน:50%;

ซ้าย:50%;

ระยะขอบ:-100px 0 0 -100px;

ความกว้าง:200px;

ความสูง:200px;

เส้นขอบ: 1px สีแดงทึบ;

-

-

</สไตล์>

ในที่นี้เราใช้การวางตำแหน่งแบบสัมบูรณ์เป็นเปอร์เซ็นต์ และวิธีการลบส่วนนอกที่เป็นลบ