Facebook
Twitter
RSS715
צפיות
צפיות
0
תשובות
תשובות
התכונה 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 כפי שהייתי מצפה אם כי מעט מעליה, מסיבה שאיננה נהירה לי.
שינוי width לגודל 1em לסלקטור #second מביא לעך ש B תוצג בדף מתחת ל A בניגוד לסיגנון float:left שהוצב לסלקטור #first (ראה חלקה התחתון של התמונה הרצ"ב).
מישהו יוכל בבקשה להסביר לי הכיצד, כאשר לאלמנט סגנון float:left האלמנט שאחריו יורד מתחתיו ולא מוצב מימינו ? וכאשר מגדילים את רוחב האלמנט מתחת הוא כן מוצב מימין לאלמנט שמעליו ?
תודה
0 תשובות