הכלת DIV בDIV

[meshuga]

נכתב במקור על ידי IgalSt

למרות שזה עובד, הפתרון הזה לא מומלץ.
ככלל, אין שום סיבה ללכלך את ה-DOM ע"י הוספת אלמנטי כדי לטפל ב"בעיות" עיצוביות.
העיקרון הבסיסי הוא ההפרדה בין התוכן (HTML) לעיצוב (CSS)

פתרון יותר טוב לבעיה יהיה עם generated content:

#CONTAINER:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

הקוד הזה מגיע ממאמר מעולה על floats שאני ממליץ בחום לקרא:
All About Floats מ-css-tricks

קודם כל תודה, חידשת לי, המאמר נהדר. למרות שאני לא שש אף פעם ללכת על חידושים מהסוג הזה בעיקר בגלל תמיכת דפדפן.
זה תלוי מה הדרישות. אם הדרישות לקוח שלך הם תקינות גם בIE7 לדוגמא, אין לך ממש ברירה כי זה לא נתמך שם.
כיום אני יכול להגיד שרוב הלקוחות (בעיקר בתחום העסקי שם לא "רצים" לעדכן מערכות הפעלה) שפועלים על XP עם IE7..זה עצוב..אבל בסופו של דבר מה שהלקוח רואה (ולא ממש אכפת לו שזה רק אצלו ושזה בערך 2% מהאוכלוסיה) זה מבחינתי איך שהאתר נראה, לא איך שהגולשים רואים. איך שהוא רואה ביום יומי.