[Html] النسبة المئوية للعنصر التابع للعنصر في الوالد الذي تم تحديد موقعه تمامًا على Internet Explorer 7


Answers

إليك بعض نماذج الشفرة. وأعتقد أن هذا هو ما كنت أبحث عنه. يعرض العرض التالي نفسه تمامًا في Firefox 3 (mac) و IE7.

#absdiv {
  position: absolute; 
  left: 100px; 
  top: 100px; 
  width: 80%; 
  height: 60%; 
  background: #999;
}

#pctchild {
  width: 60%; 
  height: 40%; 
  background: #CCC;
}

#reldiv {
  position: relative;
  left: 20px;
  top: 20px;
  height: 25px;
  width: 40%;
  background: red;
}
<div id="absdiv">
    <div id="reldiv"></div>
    <div id="pctchild"></div>
</div>

Question

لدي div متميز تماما يحتوي على العديد من الأطفال ، واحد منهم هو div موقع نسبي. عند استخدام عرض يستند إلى النسبة المئوية على div التابع ، فإنه ينهار إلى '0' في Internet Explorer 7 ، ولكن ليس على Firefox أو Safari.

إذا كنت تستخدم عرض البكسل ، فإنه يعمل. إذا كان الوالد موضعًا نسبيًا ، فإن النسبة المئوية للعرض على الطفل تعمل.

  1. هل هناك شيء أفتقده هنا؟
  2. هل هناك حل سهل لهذا بالإضافة إلى العرض القائم على البكسل على الطفل؟
  3. هل هناك مجال لمواصفات CSS تغطي هذا؟



لماذا لا يتم عرض النسبة المئوية للطفل في عمل الوالدين بشكل تام في IE7؟

لأنه ناسف إنترنت

هل هناك شيء أفتقده هنا؟

وهذا هو ، لزيادة الوعي الخاص بك زملاء العمل / العملاء أن IE تمتص.

هل هناك حل سهل إلى جانب العرض القائم على البكسل على الطفل؟

استخدم وحدات em لأنها أكثر فائدة عند إنشاء تخطيطات سائلة كما يمكنك استخدامها للحشو والهوامش وكذلك أحجام الخطوط. لذا تنمو المساحة البيضاء الخاصة بك وتنكمش تناسبيا مع النص الخاص بك إذا تم تغيير حجمها (وهو ما تحتاج إليه حقًا). لا أعتقد أن النسب المئوية تعطي تحكمًا أكثر دقة من نظام الإدارة البيئية ؛ لا يوجد ما يمنعك من تحديد في مائة من نظام الإدارة البيئية (0.01 م) وسوف يفسر المتصفح كما يراه مناسبًا.

هل هناك مجال لمواصفات CSS تغطي هذا؟

لا شيء، بقدر ما أتذكر em 's و٪ s كانت مخصصة لأحجام الخطوط لوحدها في CSS 1.0.