مشکل زیاد نشدن ارتفاع

[ashkandehnavi]

سلام من یه div دارم که درون آن لیست محصولات رو نشون میده وقتی محصولات بیشتر از اون حداقل ارتفاعی که به div پدر دادم بشه به نسبت زیاد نمیشه مشکل چیه؟
اینم کدش

.main{
position:relative;
margin:0 auto;
width:900px;
min-height:300px;
background-color:orange;
display:block;
}

.prod {
position:relative;
float:right;
margin:10px 10px 10px 10px;
width:300px;
height:290px;
background-color:green;
display:block;
}

[asghar2008]

سلام

در قسمت prod. شما ارتفاع مشخص کردین (heaight:290px)! اون رو پاک کنید مشکل حل میشه !



.main{
position:relative;
margin:0 auto;
width:900px;
min-height:300px;
background-color:orange;
display:block;
}

.prod {
position:relative;
float:right;
margin:10px 10px 10px 10px;
width:300px;
background-color:green;
display:block;
}

[H:Shojaei]

سلام
ايني كه دوستمون گفتن رو انجام بديد كه ديو فرزند مشكلش حل بشه و براي ديو پدر هم position:absolute; رو بذاريد ديگه كلا حل ميشه.

[ashkandehnavi]

این کارام کردم نشد، div پدر یه رنی داره که میخوام باشه اینجوری که از div کش نمیاد

[tamafi6]

براي رفع مشكل display:table‎;‎رابه mainاضافه كن ,display:block‎; ‎‏ هاراهم حذف كن

[css-man]

اگر از display:table‎;‎ استفاده کنه اون تگ دیگه این خاصیت رو نمی گیره min-height
مشکلت بخاطر float:right; که به prod دادی

یه clear:both مشکلت رو حل میکنه فقط کد ها رو بزار تا بگم کجا اضافه کنی