تغییر اندازه هر دایو پس از تغییر محتوای آن

سلام دوستان.
به عکسی که ضمیمه کردم نگاه کنید.
فرض کنید ما یه قالب ساده داریم(مثل این عکس) ..
حالا باید ارتفاع و طول این دایو ها رو چی در نظر بگیریم که بعد تغییر محتوای آنها اندازه ی آنها هم تغییر کند؟
فرض کنید مدیر سایت بخواد به Menu1 سایت آیتم اضافه کنه.حالا باید دایو Menu1 به صورت خودکار ارتفاعش زیاد بشه و نباید بروی Menu2 بیوفته.
در اینجا ,margin,width ,height,position,padding و ..... چجوری باید مقدار دهی کنیم؟
کسی یه مثال جامع داره؟

دوست عزیز


شما کافیه این دایو هارو زیر هم قرار بدید و بهشون height ندید. همین. خودش محتواش زیاد بشه، پایین میاد بقیه هم باهاش پایین میان. به همین راحتی

با سلام
من هم چنین مشکلی رو دارم
و باید بگم که height تعیین نکردم
ولی متاسفانه باز هم محتوای div ها روی هم قرار می گیرند.

اگه کسی بتونه کمکم کنه واقعا ممنون می شم ازش

شما کد بزار تا ببینیم مشکل چیه. اینجوری نمی شه نظر داد.

در مواردی که دارین چندین دیو را پشت هم استفاده می کنید از یک دیو با خصوصیت زیر استفاده کنید

.clear

{

    clear: both;

}