CSS: يتداخل صناديق DIV بعضها البعض وإخفاء النص.كيف "مسح" لهم؟

Question

لدي مشكلة صغيرة مع صناديق Div التي لا أستطيع حلها.

أنا في إنشاء صناديق DIV هذه دينامة: giveacodicetagpre.

يتكون كل صندوق Div كما هو موضح للصورة في الأعلى، ثم العنوان وملخص قصير للنشر.الآن، مشكلتي هي أن الصناديق تتداخل بعضها البعض ولكن بما يكفي حتى يتم إخفاء الجزء الموجز أسفل صورة مربع DIV أدناه.

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

My CSS for the pagelist div box هو: giveacodicetagpre.

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

مخلص
- Mestika

Answer 1

Use a clearfix. Something along the lines of:

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    zoom: 1;     /* triggers hasLayout */
}

And modify your markup to be

<div id="pagelist" class="clearfix">

http://www.positioniseverything.net/easyclearing.html

Also, see the dupes:

• How to fix IE7 float-clear combination
• IE7 Clear Float Issue
• Which clearfix method?
• ClearFix vs Overflow
• What methods of ‘clearfix’ can I use?

Answer 2

Try removing the positioning and clears, as default <div>s are block level and should display one under the other.

Made an example with your code.