تغییر سایز اندازه صفحه یا کش اومدن height

[hassan0152]

با سلام
بنده میخوام صفحه ای که مطالب ارسال میشه اندازه اش height کش بیاد که مطالب و... ازش بیرون نزنه و از اونجایی که دایو های فرزندش float یا position absolut گرفتن و height بهش دایو اصلی نمیدم بازم بیرون میزنه و از overflow هیدن هم استفاده کردم بازم میزنه بیرون روش دیگه ای هست که بهم کمک کنید ؟؟؟

[aliasadolahi]

لطفا کدتونو بنویسید که ببینیم مشکل کجاست

[hassan0152]

لطفا کدتونو بنویسید که ببینیم مشکل کجاست



#content{
border:10px solid rgba(249,249,249,0.5);
border-radius:3px;
// height:800px;
width:700px;
margin:10px auto;

}
#content > #box{
border:1px solid #ccc;
// height:800px;
width:700px;
background:rgba(249,249,249,1);
border-radius:2px;
// overflow:hidden;
}
#content > #box > #navbar{
border:1px solid #ccc;
border-radius:2px;
width:366px;
height:30px;
margin:auto;
transition:0.4s;
}

#content > #box > #navbar > #list{

// border:1px solid red;
width:345px;
height:25px;
list-style:none;
// margin:0;
padding:0;
margin-top:1.5px;
margin-right:2px;
position:relative;

}

#content > #box > #navbar > #list > li{

float:right;
// border:1px solid #ccc;
height:25px;
width:45px;
font-family:bardia bold;
line-height:22px;
padding-left:10px;
margin-left:5px;
cursor:pointer;
text-align:center;
}

#content > #box > #navbar > #list > li > input{

display:none;
}

#content > #box > #navbar > #list > li > label:hover{
// border:1px solid #ccc;
border-radius:7px;
background:#666666;
color:#F68121;
}
#content > #box > #navbar > #list > li > label{

// border:1px solid transparent;
padding:-2px 10px;
display:block;
width:45px;
height:25px;
cursor:pointer;
font-family:bardia bold;
text-align:center;

}

#content > #box > #navbar > #list > li > input:checked ~ .send-doc{
display:block;
}
#content > #box > #navbar > #list > li > .send-doc{
border:1px solid trasparent;
width:365px;
// height:500px;
position:absolute;
top:30px;
right:-2px;
display:none;
cursor:default;
margin-bottom:5px;
}

#content > #box > #navbar > #list > li > .send-doc > .box-send-doc{
border:1px solid #ccc;
border-radius:2px;
width:365px;
height:400px;
margin-top:5px;
}


اگه اون دایو اصلی و پدر در نظر بگیریم میخوام نوه اش که position گرفته رو قبول کنه به اندازه نوه اش کش بیاد



اینم تصویر :
143552

[harand1]

با سلام
بنده میخوام صفحه ای که مطالب ارسال میشه اندازه اش height کش بیاد که مطالب و... ازش بیرون نزنه و از اونجایی که دایو های فرزندش float یا position absolut گرفتن و height بهش دایو اصلی نمیدم بازم بیرون میزنه و از overflow هیدن هم استفاده کردم بازم میزنه بیرون روش دیگه ای هست که بهم کمک کنید ؟؟؟
سلام اگر کدت رو بصورت کامل توی سایتی مثل این https://jsfiddle.net/ میذاشتی بهتر بود :) ولی بصورت کلی برای اینکه یه عنصر ارتفاعش متناسب با محتواش تغییر کنه نباید برای اون عنصر ارتفاع تعریف کرد :)

[hassan0152]

سلام اگر کدت رو بصورت کامل توی سایتی مثل این https://jsfiddle.net/ میذاشتی بهتر بود :) ولی بصورت کلی برای اینکه یه عنصر ارتفاعش متناسب با محتواش تغییر کنه نباید برای اون عنصر ارتفاع تعریف کرد :)

اره درسته منم تعریف نکردم ولی برای فرزندان این عصنر اصلی که float و position absolut گرفتن کار نمیکنه