בואו לשים לב לחסרונות המצוף. כיצד אלמנטים חסומים ושורות מתנהגים זה עם זה והאם להשתמש בהם יחד. בואו ננתח מהו הפסד וכיצד להתמודד איתו.
למרות העובדה שבמאמר האחרון בנינו רשת פשוטה לאתר באמצעות מצופים, הם נועדו במקור להתאים את זרימת האלמנטים בטקסט. לצוף יש שלוש משמעויות: משמאל - האלמנטים נדבקים לשוליים השמאליים; מימין - אלמנטים נלחצים לקצה הימני; ללא - מצב העטיפה מושבת.
ניתן לגודל ולרפד אלמנט עטוף צף, אך אם האלמנט מוטבע הוא יתנהג כמו אלמנט בלוק.
.block1 {
לצוף: שמאלה;
רוחב: 150 פיקסלים;
}
.block2 {
לצוף: מימין;
רוחב: 150 פיקסלים;
}
ישנה בעיה נוספת בשימוש במצופים, שנושרת מהנחל. זה מופיע כאשר הבלוקים הולכים בזה אחר זה, אך רק לאחד מהם יש את המאפיין לצוף, ואז הוא יהיה על השאר, מכיוון שהוא לא רואה בלוקים אחרים. אלמנטים מוטבעים יעטפו אלמנטים צפים, אך הגוש המכיל טקסט זה יישאר מתחת לאלמנט הצף.
אבל איך ציפה מתקשרת עם צף?
הם מתנהגים כמו טקסט: הם עומדים בזה אחר זה כל עוד יש מקום פנוי, ואז עוברים לשורה חדשה. לכן, בעזרת מצופים, התחלנו לבנות רשתות. אם לא נותר מקום, הם עוברים מעבר לרוחב האתר, כלומר הם לא הולכים לשום מקום.
אם המצוף אינו רואה אלמנטים חסומים פשוטים, ניתן ללמד את אלמנטים החסימה לראות את המצוף. אנו משתמשים במאפיין הברור, שמבטל את העטיפה מכל הצדדים (או מהנבחרים). כלומר, אלמנט עם ברור ייפול מתחת לאלמנט עם צף.
