CSS: شريط سائل مع نص لن يتوسع

Question

لدي شريط أفقي تم إعطاؤه width من 100%. داخل الشريط الأفقي ، لديّ نص محاذاة يسار داخل أ 978px وعاء. كلما تقلصت نافذة المتصفح بحيث تكون أقل من 978px واسعة ، يظهر شريط التمرير على طول الجزء السفلي من الصفحة. كلما قمت بالتمرير إلى اليمين ، لم يعد الشريط يمتد عرض الصفحة ولكن بدلاً من ذلك ، يتم تركه وراءه. أفهم سبب حدوث ذلك ، لكنني لا أعرف ماذا أفعل لإصلاحه. إذا كان لديك أي أفكار، اسمحوا لي أن أعرف. شكرًا لك!

مثال صفحة

Answer 1

حسنًا ، لقد تم تعيين #Header على 100 ٪ من كتلة تحتوي على (والتي ستكون الجسم). عندما تقلص الجسم ، يتقلص عرض الرأس. إذا كان عرض الجسم أقل من عرض الحاوية ، فلن يمتد الشريط الأسود على طول الطريق.

ما الذي تفضله بالضبط؟

-ليس لديك شريط التمرير: أخرج الحاوية ، مركز النص باستخدام #Header

-يوسع الشريط الأسود المسافة بأكملها: أسهل طريقة لحلها هي إعطاء الحاوية لون الخلفية.

Answer 2

يتغيرون:

width: 978px;

إلى:

max-width: 978px

يبدو أن هذا يقوم بالخدعة في FF3 و IE7 والكروم.