ورود

View Full Version : مشکل با float، قرار نگرفتن div ها کنار یکدیگر؟



nice_boy_a
سه شنبه 06 فروردین 1392, 22:09 عصر
سلام.
من میخوام چند تا تگ div که هر کدوم شامل 3 تا تگ div میشن رو داخل یک سطر قرار بدم ولی نمیشه.
div اصلی که همون main هست ناپدید میشه.
جستجو کردم ولی چیزی پیدا نکردم
اگه متوجه نشدید این متنو بخونید، مشکلم یه همچین چیزیه:
اگر در یک المان block چند تا المان float داشته باشید ، المان بلاک جمع میشه و گاهی المان های float از پایین ، از المان parent خود بیرون می زنند.

می خوام div هایی با کلاس content کنار هم باشن و main هم ناپدید نشه.
لطفا راهنمایی کنید.


<body>
<div class="main">
<div class="content">
<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
</div><!-- end content -->

<div class="content">
<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
</div><!-- end content -->
</div> <!-- end main -->
</body>

blackboy
سه شنبه 06 فروردین 1392, 22:14 عصر
سلام . شما به main باید overfloaw :auto بدهید.

nice_boy_a
سه شنبه 06 فروردین 1392, 23:10 عصر
این overfloaw :auto کارش چیه ؟

pary_daryayi
سه شنبه 06 فروردین 1392, 23:26 عصر
برای قرار دادن چند دایو کنار هم این جا (http://blog.web-site-man.ir/%DA%86%D9%8A%D8%AF%D9%85%D8%A7%D9%86-div-%D8%A8%D8%B5%D9%88%D8%B1%D8%AA-%D8%A7%D9%81%D9%82%D9%8A-%D9%88-%D8%B9%D9%85%D9%88%D8%AF%D9%8A-%D8%AF%D8%B1-%D9%83%D9%86%D8%A7%D8%B1-%D9%87%D9%85/) رو ببینید . یه نمونه گذاشتم .

و overfloaw (http://developer1.ir/CSS/Position.aspx#of)