استثنا در overflow

[alishirazi]

سلام به بچز گل،
پیلیز یکی هلپ می :لبخند:
یه سوال دارم، به نظر شما میشه مثلا یه div انداخت تو صفحه با یه سایز مشخص، بعد 2تا div دیگه بندازیم توی اون اصلی، از 2تا Div داخلی یکیش باعٍث overflow بشه و div اصلی اسکرول بخوره ولی اون یکی div با اینکه سایزش بزرگه باعث scroll نشه و بقیش نمایش داده نشه، امیدوارم منظورم رو رسونده باشم،
خلاصه بگم می خوام از 2تا element یکیش باعث scroll خوردن element پدر بشه ولی یکی دیگه نشه..

[emad_67]

نمیشه، شما باید برای هر کدوم از div ها یک div پدر مجزا در نظر بگیری.

[emad_67]

باید از position : absuloate استفاده کنی ! بیس رو هم باید relative بدی !

چطور شما اینکار رو می کنی با position؟!!

[fumnimda]

سلام به بچز گل،
پیلیز یکی هلپ می :لبخند:
یه سوال دارم، به نظر شما میشه مثلا یه div انداخت تو صفحه با یه سایز مشخص، بعد 2تا div دیگه بندازیم توی اون اصلی، از 2تا Div داخلی یکیش باعٍث overflow بشه و div اصلی اسکرول بخوره ولی اون یکی div با اینکه سایزش بزرگه باعث scroll نشه و بقیش نمایش داده نشه، امیدوارم منظورم رو رسونده باشم،
خلاصه بگم می خوام از 2تا element یکیش باعث scroll خوردن element پدر بشه ولی یکی دیگه نشه..


چه کار عجیبی! به نظر سرکاری میاد!
این کد رو تست کنید. نمی دونم منظورتون همینه یا نه.




<style>
.d3{overflow:hidden;height:50px;float:right;backgr ound:#ddd;width:100px}
.d2{float:right;background:#aaa;width:100px}
.d1{height:50px;border:1px red solid;overflow:auto;width:220px}
</style>

<div class="d1">
<div class="d2">
HTML layout traditionally was not designed to specify vertical behavior. By its very nature,
it scales width-wise, and the content flows to an appropriate height based on the available
width. Traditionally, horizontal sizing and layout is easy; vertical sizing and layout was
derived from that.
The reason vertical-align:middle isn't doing what is desired want is because the author
doesn't understand what it's supposed to do, but …
… this is because the CSS specification really screwed this one up (in my opinion)—vertical
-align is used to specify two completely different behaviors depending on where it is used.
</div>
<div class="d3">ddjfdkjfd;lj</div>
</div>



ولی کلا کار عجیبه!!