ציטוט:
נכתב במקור על ידי meshuga
תוסיף עוד DIV אחריהם עם clear:both זה יעבוד כמו שצריך.
|
למרות שזה עובד,
הפתרון הזה לא מומלץ.
ככלל, אין שום סיבה ללכלך את ה-DOM ע"י הוספת אלמנטי כדי לטפל ב"בעיות" עיצוביות.
העיקרון הבסיסי הוא ההפרדה בין התוכן (HTML) לעיצוב (CSS)
פתרון יותר טוב לבעיה יהיה עם generated content:
קוד:
#CONTAINER:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
הקוד הזה מגיע ממאמר מעולה על floats שאני ממליץ בחום לקרא:
All About Floats מ-css-tricks