كيفية إضافة التمرير إلى بلدي HTML التي تختفي إذا كان المحتوى هو أصغر من الحد

Question

وأنا أحاول لإنشاء نموذج يحتوي على القطعة قابلة للتوسيع. المشكلة هي أنه عندما القطعة مفتوحة، ويمتد على شكل خارج الحد في مربع المحتوى، ويبدو سيئا.

وحاولت استخدام overflow:scroll ولكنه يخلق 2 التمرير القبيحة التي لا تختفي حتى لو كان conent أصغر ثم مربع المحتوى. أنا فقط بحاجة التمرير العمودي واحد.

والبصرية ستوديو نبهت أيضا إلى أن تجاوز ذ غير متوفر في CSS.

Answer 1

وتغيير تجاوز لauto وتحديد الارتفاع و / أو عرض العنصر.

Answer 2

وoverflow-x وoverflow-y هي جزء من اقتراح CSS3، والعمل في جميع الإصدارات الحالية من أربعة المتصفحات الكبيرة.

وأنا عادة ما تفعل:

overflow: auto;
overflow-x: auto;
overflow-y: auto;

والسبب هو أنه في بعض الأحيان المتصفحات علاج overflow: auto كما overflow: scroll (اثنان التمرير قبيحة) في أقرب وقت تجاوزات محتوى في اتجاه واحد، ولكن هذه المتصفحات تدعم بالفعل overflow-x وoverflow-y، التي تحصل على الأسبقية.

Answer 3

وأعطى Swilliams إجابة جيدة حول كيفية التعامل مع الأعراض. ولكن، قد ترغب في التفكير في السبب الجذري للغاية - إن لم تكن مقيدة مربع المحتوى إلى حجم ثابت، ويمكن أن يتقلص و / أو توسيع لتناسب أي حجم النموذج، دون أشرطة التمرير. صفحات الويب هي مرنة حسب التصميم، ومحاولات "إصلاح" أن المرونة وعادة ما تنتهي الوقوع في مشاكل من هذا النوع.