PDA

View Full Version : مشکل height در div والد



ayub_coder
چهارشنبه 21 تیر 1391, 22:51 عصر
سلام دوستان
من یک DIV اصلی دارم که داخلش دو تا دایو هستش که وقتی float اونا رو right یا left می کنم ارتفاع دایو والد از بین میره و صفر میشه. چطور میشه این مشکل رو حل کرد؟

bftarane
چهارشنبه 21 تیر 1391, 23:29 عصر
سلام.
احتمالاً مشکلتون از height ای که به دیو اصلی دادید هستش.
پست 2 این لینک رو مطالعه بفرمایید ببینید مشکلتون حل میشه؟
http://barnamenevis.org/showthread.php?350545
کدهای زیر رو هم من با کمک پست 2 لینک زیر نوشتم.
http://barnamenevis.org/showthread.php?349241

<html>
<head>
<title></title>
<style type="text/css">
*
{
margin:0;
padding:0;
}

#Wraper
{
width:1000px;
min-height:10px;
overflow:hidden;
margin:0 auto;
}

#Right
{
width:500px;
height:400px;
float:left;
background-color:green;
}
#Left
{
width:500px;
height:400px;
float:left;
background-color:red;
}

#Header
{
width:1000px;
min-height:100px;
background-color:#bbbbbb;
}
#Footer
{
width:1000px;
min-height:100px;
background-color:#bbbbbb;
clear:both;
}


</style>
</head>
<body>
<div id="Wraper">
<div id="Header">Header</div>

<div id="Right"></div>
<div id="Left"></div>
<div id="Footer">Footer</div>
</div>
</body>
</html>در Notepad بنویسید و با پسوند html ذخیره کنید و نتیجه رو ببینید.

khanlo.javid
پنج شنبه 22 تیر 1391, 09:12 صبح
دوست عزیز کد زیر رو بزار زیر دو تا دیوی که از خاصیت float براشون استفاده کردی ببین جواب میده.



<div style="clear:both"></div>



موفق باشید.

Saber Mogaddas
پنج شنبه 22 تیر 1391, 10:28 صبح
سلام
برای این کار بهترین کار استفاده از استایل زیر در تگ والد است :


min-height:100px;
overflow: hidden;

موفق باشید..