مشكل در CSS

[roozbehgame19]

سلام دوستان عزيز
بنده ميخوام يك Div رو پايين اون يكی ببرم ولی كنار هم قرار ميگيرند اينم كد سی اس اس


#sidebar {float:right;width:17em;margin:0 0 4em -18em;border-left:1px solid #000 ;height:423;background:#E7E7E7;text-align:left;margin:30px auto;padding:10px;width:150px;height:163;border-radius:15px 15px 15px 15px;line-height:1.5em;}

#sidebar.div { background:#000;color:blue;Padding:0 1em 1em;margin-top:0.75em;}
#sidebar2 {float:right;width:17em;margin:0 0 4em -18em;border-left:1px solid #000 ;height:423;background:#E7E7E7;text-align:right;margin:30px auto;padding:10px;margin-right:2em;width:150px;height:163;border-radius:15px 15px 15px 15px;}

[bftarane]

clear:both;
کد بالا رو به کدهای CSS اون دیوی که قراره پایین باشه اضافه کنید.
یا یه دیو بین دو تا دیوتون اضافه کنید و از کد بالا برای این دیو استفاده کنید.
لینک زیر هم اطلاعاتی در مورد clear میده.
http://www.w3schools.com/cssref/pr_class_clear.asp

[Mohsen.]

میشه یکم توضیحاتی در مورد clear بدید. من خوندم چیزی نفهمیدم.

[roozbehgame19]

ويرايش
حـل شد
مـرسی

[hamid_kha]

سلام
با استفاده از خصوصیت clear در CSS میتوانید عناصر را مجبور کنید که در زیر یک عنصر شناور(float) قرار بگیرند:چشمک:

[cyrusthegreat]

دوست عزیز

نگاه کنید، وقتی شما به عناصری داخل یک div خاصیت float می دید حال چه به چپ و چه به راست، اون عناصر بدلیل شناور شدنشون، ارتفاعشون روی divی که والدشون هست تاثیر نمی زاره و می شه و مشکل ایجاد می کنه. برای رفع کردن این مشکل، شما می بایست از خاصیت clear استفاده کنید. این خاصیت clear می تونه دارای مقادیر right, left, both, inherit و none باشه. شما وقتی می گی مثلا clear: left دیگه طرف چپ اون المنت عنصری قرار نمی گیره. و برای Right طرف راست و برای both هم دو طرف. یه نکته اینکه Clear: both فقط برای المنت های بالای اون المنت هست و نه پایینی هاش. مقدار inherit هم مقدار Clear عنصر والد رو برای اون انتخاب می کنه.