إدراج مقسم عمودي بشكل غير معقول في التصميم

Question

أريد إدراج مقسم رأسي رمادي يقسم الجانبين بالتساوي لإظهار تقسيم منطقي. نظرًا لأن المحتوى الموجود على الجانبين يمكن أن يختلف في الارتفاع اعتمادًا على ما يختاره المستخدم ، فإن المقسم يحتاج إلى توسيع نطاقه بشكل مناسب - بمعنى آخر ، لا يمكن أن يكون ثابتًا.

جانبا ، من الناحية المثالية ، سيكون عنصر النمط هذا شيئًا يمكنني إدراجه وإزالته بشكل مشروط. من الواضح أن نوعًا من div سيعطي السيطرة إلى الحد الأقصى.

إليك رمز HTML/CSS الحالي:

http://jsfiddle.net/keruilin/u5ggt/47/

Answer 1

بدلاً من إدخال عنصر ما ، كنت أنظر إلى تصميم الجانبين كأعمدة متساوية. استخدم يمين الحدود على الجانب الأيسر ، أو اليسار الحدودي على اليمين ، لإظهار التقسيم.

نرى: CSS - أعمدة ارتفاع متساوية؟ للحصول على إرشادات على الأعمدة المتساوية.

Answer 2

ماذا عن تطبيقك border-left: 2px solid gray أو border-right: 2px solid gray إلى أحد الأعمدة؟