فرض عنصر طرحت أو موقف تماما للبقاء "في تدفق" مع CSS

Question

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

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

وأنا في حاجة إلى الصورة لتكون قادرة على تختلف في الحجم. أنا حاليا باستخدام محلول مسج، ولكن لها تعمل. وبما أنني لا أشعر التصحيح، وأنا أشعر بأن هناك <م> يجب يكون نوعا من الحل CSS، أنا أسأل.

وأي شخص يعرف كيف أستطيع أن أفعل ذلك؟

Answer 1

وعادة ما تذهب مع overflow: hidden أو overflow: auto.

Answer 2

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

overflow: auto;

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

.abs-div {
    position: absolute;
    overflow: auto;
    width: 160px; /* Replace with your width */
}

Answer 3

والإختراق التي قد تعمل في الوضع الخاص بك هو لإضافة عنصر آخر داخل شعبة بعد بقية المحتويات التي تحتوي على خاصية واضحة CSS لتعيين "كلا" (أو اليسار، منذ صورتك على اليسار). على سبيل المثال:

<br style="clear: both" />

وهذا سيجبر عنصر أدناه العناصر المطروحة، والتي سوف تمتد div الذي يحتوي.