شريط التمرير الأفقي الماضي نقطة عرض الحد الأدنى

Question

لغة البرمجة:

<div id="mcolWrapper">
    <div id="mcol">
      <div class="wrapper">
      content
      </div>
    </div>
</div>

<div id="lcol">
    <div class="wrapper">
    content
    </div>
</div>

<div id="rcol">
    <div class="wrapper">
    content
    </div>
</div>

CSS:

#mcolWrapper {
    float: left;
    width: 100%; }

#mcol { margin: 0 295px 0 235px; min-width: 500px; }

#lcol {
    float: left;
    width: 235px;
    margin-left: -100%; }

#rcol {
    float: left;
    width: 290px;
    margin-left: -295px;

أريد تعيين الحد الأدنى لعرضه على عمود الوسط بحيث لا يمكن تقليص هذا الحد الأدنى لهذا الحد الأدنى، وأحب المستعرض لعرض شريط تمرير أفقي بدلا من الأعمدة الأيمن تداخل عمود الوسط.

Answer 1

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

http://methvin.com/splitter/

Answer 2

Min-Width ليس خاصية CSS مدعومة بالكامل. طريقة سهلة حول هذا في وضعك ستكون ببساطة إضافة حمس في أسفل العمود الذي يحتوي على عرض يساوي الحد الأدنى لعرضه.

<div id="mcol">
  ...
  <div style="width:500px;"></div>
</div>

سيؤدي ذلك إلى أن العمود غير قادر على تقليص أي أصغر. امل ان يساعد!