ورود

View Full Version : کار نکردن min-height



rahil.m68
دوشنبه 11 اسفند 1393, 22:48 عصر
سلام وقتی از خاصیت float استفاده میکنم min-height کار نمیکنه چیکار باید کنم ؟
ممنون میشم راهنمایی کنید.
اینم کدم :


<div class="main"><div class="header"><div class="menue"></div></div>
<div class="maincontant">
<div class="sidebar-right"></div><div class="contant"></div>

</div>

</div>


.main{
min-height:400px;
width:100%;
background-color:red;

}
.header{

min-height:200px;
width:100%;
background-color:blue;

}
.menue{
min-height:40px;
width:100%;
background-color:#000000;
}
.maincontant{

min-height:200px;
width:100%;
background-color:gray;
}
.contant{

min-height:300px;
width:600px;
background-color:yellow;


}
.sidebar-right{
min-height:400px;
width:300px;
background-color:brown;
float:right;


}

Omid Jackson
دوشنبه 11 اسفند 1393, 23:18 عصر
من دقیقا نفهمیدم مشکلی که خودتون میگین چیه ولی مشکل اصلیتون در maincontant هست که اندازه کامل نمیگیره، بهش overflow باید بدین، hidden
overflow: hidden;

rahil.m68
سه شنبه 12 اسفند 1393, 09:57 صبح
من دقیقا نفهمیدم مشکلی که خودتون میگین چیه ولی مشکل اصلیتون در maincontant هست که اندازه کامل نمیگیره، بهش overflow باید بدین، hidden
overflow: hidden;

بله منظور من هم همین بود که اندازه ی کامل نمگیره ، من ارتفاع maincontant را min-height تعریف کردم که می بینید انجام نمیشه موقعی که برای sidebar-right خاصیت float:right تعریف می کنم . (در حالت عادی ارتفاع تغییر میکنه و کامل 2 تا دیو داخل دیو اصلی میفته !)
ممنون با overflow:auto حل شد .