سلام دوستان
من یک DIV اصلی دارم که داخلش دو تا دایو هستش که وقتی float اونا رو right یا left می کنم ارتفاع دایو والد از بین میره و صفر میشه. چطور میشه این مشکل رو حل کرد؟
Printable View
سلام دوستان
من یک DIV اصلی دارم که داخلش دو تا دایو هستش که وقتی float اونا رو right یا left می کنم ارتفاع دایو والد از بین میره و صفر میشه. چطور میشه این مشکل رو حل کرد؟
سلام.
احتمالاً مشکلتون از height ای که به دیو اصلی دادید هستش.
پست 2 این لینک رو مطالعه بفرمایید ببینید مشکلتون حل میشه؟
https://barnamenevis.org/showthread.php?350545
کدهای زیر رو هم من با کمک پست 2 لینک زیر نوشتم.
https://barnamenevis.org/showthread.php?349241
در Notepad بنویسید و با پسوند html ذخیره کنید و نتیجه رو ببینید.کد HTML:<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>
دوست عزیز کد زیر رو بزار زیر دو تا دیوی که از خاصیت float براشون استفاده کردی ببین جواب میده.
کد HTML:<div style="clear:both"></div>
موفق باشید.
سلام
برای این کار بهترین کار استفاده از استایل زیر در تگ والد است :
min-height:100px;
overflow: hidden;
موفق باشید..