אתר ב-ASP.NET

ראשי

צ'אט

מבזקים

צור קשר

‎print ‎"Hello World!"; if‎ ‎not rules.‎know ‎then rules.‎read();‎

		לובי הפורומים > מחשבים > תכנות ובניית אתרים
css סגנון float:left לא עובד

« לאשכול הקודם | לאשכול הבא »

כלי אשכול

חפש באשכול זה

css סגנון float:left לא עובד

שלום,
הקוד הבא:
[
קוד:
<style type="text/css">
  #first {width:1em; float:left; border:1px solid red;}
  #second {width:10em; border:1px solid blue;}
</style>
</head>
<body> 
<h1 id="first"> A</h1>
<h1 id="second">B</h1>
</body>
מציג דף בו B ממוקמת מימין ל A כפי שהייתי מצפה וכמוצג בחלק העליון של תמונת החמסך הרצ"ב (אם כי מעט גבוה מ A מסיבה שאיננה מובנת לי). שינוי ערך width לסלקטור #second ל 1em גורם לכך שבדף שמעלה הקוד B ממוקמת מתחת ל A. מדוע שינוי רוחב האלמנט מוריד אותו מתחת לקודם. מדוע התכונה float:left לאלמנט הראשון לא עובדת כשרוחב האלמנט השני הוא 1em?
תודה

נערך לאחרונה ע"י דוכובניק בתאריך 06-10-2009 בשעה 11:07. סיבה: התמונה אינה עולה

06-10-2009, 16:05

yoavmatchulsky yoavmatchulsky אינו מחובר

חבר מתאריך: 15.08.06

הודעות: 1,561

בתגובה להודעה מספר 1 שנכתבה על ידי דוכובניק שמתחילה ב "css סגנון float:left לא עובד"

זה לא נכון להגיד שהתכונה לא עובדת. היא פשוט עובדת בצורה אחרת.
תחשוב שכאשר אתה מגדיר את A כfloat, הוא יוצא מהזרימה של המסמך. עכשיו יש לך את B אחריו, שהגדרת לתפוס 10em. כיוון שעדיין צריך להציג את A, אז A "נכנס" לתוך המרחב של B (פלאגין כמו FireBug יעזור לך לראות את זה גם ויזואלית).

אחרי ששינית את B לרוחב 1em, שזה גם הרוחב של A, A עדיין צריך להיכנס למרחב של B ולכן אין מקום להציג גם את A וגם את הטקסט B באותה שורה, אז הוא קופץ שורה למטה.

_____________________________________

!!אזהרה!!

ההודעה עלולה להכיל שברי אגוזים ו/או איברי דגים כלשהם

!!אזהרה!!

בתגובה להודעה מספר 2 שנכתבה על ידי yoavmatchulsky שמתחילה ב "זה לא נכון להגיד שהתכונה לא..."

בתגובה להודעה מספר 1 שנכתבה על ידי דוכובניק שמתחילה ב "css סגנון float:left לא עובד"

לא הבנתי

_____________________________________

"Only the dead have seen the end of war."

בתגובה להודעה מספר 1 שנכתבה על ידי דוכובניק שמתחילה ב "css סגנון float:left לא עובד"

הארת את עיני.
ותודה לך אלינד על הנקודה החשובה שהעלית

11-10-2009, 22:00

nightmaretm nightmaretm אינו מחובר

חבר מתאריך: 11.10.09

הודעות: 5

בתגובה להודעה מספר 1 שנכתבה על ידי דוכובניק שמתחילה ב "css סגנון float:left לא עובד"

אם היית שם float:left גם ב-second הם אמורים להיות צמודים שמאלה, כאשר A שמאלי יותר.

בתגובה להודעה מספר 6 שנכתבה על ידי nightmaretm שמתחילה ב "אם היית שם float:left גם..."

אם אפשר לחסוך הוספת סגנון זה לא עדיף ?
תודה

« לאשכול הקודם | לאשכול הבא »

כלי אשכול	חפש באשכול זה
הצג גירסת הדפסה שלח דף זה ב E-Mail	חפש באשכול זה: חיפוש מתקדם
מצבי תצוגה	דרג אשכול זה
עבור למצב לינארי מצב כלאיים עבור למצב משורשר	דרג אשכול זה:

אפשרויות משלוח הודעות
אתה לא יכול לפתוח אשכולות חדשים אתה לא יכול להגיב לאשכולות אתה לא יכול לצרף קבצים אתה לא יכול לערוך את ההודעות שלך קוד vB פעיל סמיילים פעיל קוד [IMG] פעיל קוד HTML כבוי

מעבר לפורום

כל הזמנים המוצגים בדף זה הם לפי איזור זמן GMT +2. השעה כעת היא 11:19

צור קשר | תקנון האתר

הדף נוצר ב 0.03 שניות עם 12 שאילתות
צור קשר - Fresh - למעלה