ฉันขอเริ่มด้วยคำพูดที่ไม่เกี่ยวข้อง งานล่าสุดของฉันทำให้ฉันได้รับโอกาสในทางปฏิบัติมากมาย และยังทำให้ฉันได้รับผลประโยชน์อีกมากมายอีกด้วย เมื่อพูดคุยในกลุ่ม ฉันยังบอกอีกว่ากระบวนการเรียนรู้ที่ดีที่สุดคือ ทฤษฎี-ปฏิบัติ-ทฤษฎี-แล้วปฏิบัติ - - กระบวนการที่เป็นวัฏจักร ทฤษฎีที่กล่าวถึงในที่นี้เป็นแนวคิดที่ค่อนข้างกว้าง รวมทั้งทฤษฎีหนังสือและบทสรุปการปฏิบัติ มีเพียงทฤษฎีเท่านั้นที่ไม่มีการฝึกฝนมักส่งผลให้มีจิตใจสูงและมีพลังต่ำ คิดดีแต่ทำไม่ดี การฝึกฝนอย่างสุ่มสี่สุ่มห้าโดยไม่เรียนรู้และสรุปผ่านทฤษฎีดูเหมือนจะยุ่ง แต่สุดท้ายคุณจะมือเปล่า
ในทางปฏิบัติเมื่อเร็วๆ นี้ ฉันรู้สึกลำบากมากขึ้นเรื่อยๆ เมื่อองค์ประกอบ li มีองค์ประกอบ img และฉันต้องให้ความสนใจกับมัน แน่นอนว่าปัญหายังคงเกิดขึ้นภายใต้ IE เช่นเคย ต่อไปนี้เป็นตัวอย่างหนึ่ง:
html
<ul>
<li><a href="#"><img src="img/temp.jpg" alt="" /></a></li>
<li><a href="#"><img src="img/temp.jpg" alt="" /></a></li>
<li><a href="#"><img src="img/temp.jpg" alt="" /></a></li>
<li><a href="#"><img src="img/temp.jpg" alt="" /></a></li>
</ul>
ซีเอสเอส
อูล{
ความกว้าง: 280px;
-
อุลลี{
จอแสดงผล: บล็อก;
ความสูง:57px;
ความกว้าง:277px;
-
ขนาดของ temp.jpg คือ 277×57
พฤติกรรมปกติภายใต้ Firefox:
ประสิทธิภาพที่ผิดปกติภายใต้ IE6:
เห็นได้ชัดว่าใน IE ความสูงของประสิทธิภาพของ li ไม่ใช่ 57px ที่เราตั้งไว้ แต่สูงกว่านั้น เนื่องจากมีพื้นที่สีขาวเพิ่มเติม 5px ด้านล่าง img