Posts tagged as "height"

min-height ใช้กำหนดความสูงขั้นต่ำของกล่อง ถ้าในกล่องมีข้อความสูงเกิน min-height ที่กำหนดไว้กล่องนั้นก็จะถูกยืดออก แต่ถ้าเราใช้ height ในการกำหนดกล่องนั้นแทน ข้อความถ้าสูงเกิน height ที่กำหนดไว้ ข้อความก็จะไหลลงมา แต่ตัวกล่องจะเท่าเดิม ตัวอย่างเช่น ตัวอย่างนี้ กล่องซ้ายกำหนดความสูงของกล่องด้วย min-height: 100px ส่วนด้านขวากำหนดด้วย height: 100px; ** ถ้าข้อความที่เราใส่ไปในกล่องไม่สูงเกินที่เรากำหนดไว้ จะเห็นได้ว่าไม่มีความแตกต่างใดๆ แต่ถ้าข้อความสูงเกินกล่องที่เรากำหนดไว้ล่ะ? ก็จะเป็นแบบนี้ **min-height มีความยืดหยุ่นดีกว่า แต่ min-height ไม่ supportกับ ie ถ้าจะนำไปใช้ต้องมีทริกนึดนึง คือ selector { min-height:100px; height:auto !important; height:100px; } อ่านฉลากก่อนใช้ ต้องกำหนด min-height ให้เท่ากับ height เวลาใช้ต้องเรียงลำดับตามนี้ ถ้าสลับกันไม่ได้ผลนะเออ.. Share