ציטוט:
נכתב במקור על ידי Second
אחרי שאתה מסיים לעבוד עם FLOAT אתה צריך להוסיף שכבה עם מאפיין CLEAR,
לדוגמא:
HTML קוד:
<html dir="rtl">
<head>
<style type="text/css">
#mainDiv{
width:950px;
background-color:blue;
margin:auto;
}
</style>
</head>
<body>
<div id="mainDiv">
<div style="float:right;">
1
</div>
<div style="float:left;">
2
</div>
<div style="clear: both"></div>
</div>
</body>
</html>
|
אומנם זה פתרון שלרוב עובד, אבל יש לו חסרון אחד - צריך להוסיף אלמנט נוסף לעמוד שלך שכל המטרה שלו זה לעשות clear ועל כל זה פתרון לא מושלם.
יש מאמר מעולה שמסביר על float כל מה שצריך לדעת.
ממליץ בחום לקרא וליישם.