مثال:
2. الموقف : مطلق الموقف المطلق:1. لا يوجد موقف: مطلق (أو نسبي) على الطبقة الخارجية ؛ ثم يتم وضع DIV بالنسبة للمتصفح ، كما هو موضح في الشكل أدناه (50 بكسل من الحدود اليمنى للمتصفح و 20 بكسل من الحدود السفلية).
2. الطبقة الخارجية لها موضع: مطلقة (أو نسبية) ؛ ثم يتم وضع DIV بالنسبة إلى حدود الطبقة الخارجية ، كما هو مبين في الشكل أدناه (50 بكسل من الحدود اليمنى لـ D ، و 20 بكسل من الحدود السفلية D).
مثال:
3. الموقف : قريب الموقف النسبي:كما هو موضح في الشكل أدناه ، يتم إصلاحه بالنسبة لموضع معين من DIV يحتوي على هذا div. إذا كانت الطبقة الخارجية لا تحتوي على له ، فسيتم إصلاحها بالنسبة للمتصفح.
مثال:
4. الطبقات ( z-index ) يمكن فهم الطبقات في اتجاه المحور z على أنها تقسيم إلى كومة من الورق ، وكلما ارتفع عدد الطبقات ، كلما زاد الجزء العلوي.في المثال أعلاه ، نرى أن AA يغطي A ، لأن مستوى عرض الكود اللاحق أعلى ، فكيف يمكن تغطية AA دون تغيير ترتيب الرمز. على النحو التالي:
مثال:
5. تعويم : اليسار ، اليمين عند اليسار واليمين ، لا تحتاج إلى تحديد موقع ( يسار وأعلى ) ، لكنه يتعلق مباشرة بالمتصفح. إذا تم لف الخارج ، يتم عرض الجزء العلوي الأيسر أو العلوي اليمين من موضع الصف الذي تمت إزالته بالنسبة إلى Div الخارجي . إضافي: 1. الفائض: مخفي ؛ // الاختباء وراء الجزء ؛ التمرير ، عرض شريط التمرير ؛<viv>/div> // اقتطاع التدفق
2. المؤشر: شكل ماوس المؤشر عندما يشير إليه ؛
3. تأثير شفاف:
<div class = box> منطقة شفافة <Div>
الرمز في ورقة الأنماط هو:
.صندوق
{
العتامة: 0.5 ؛ -الموز سعة: 0.5 ؛ مرشح: ألفا (عتامة = 50)
}
لتلخيص مثال الممارسة: جزء من تصميم تنسيق موقع ADVA
رمز HTML: XML/HTML رمز نسخ المحتوى إلى الحافظة