<style>
.taşma{
width:170px;
height:70px;
background-color:#FFFFFF;
color:black;
margin-bottom:40px;
text-align:left;
overflow:visible;
position:relative;
float:left;
margin-left:45px;
margin-top:20px;
background:#CCC;
}
.taşma1{
width:170px;
height:80px;
background-color:#FFFFFF;
color:black;
margin-bottom:35px;
text-align:left;
overflow:scroll;
position:relative;
float:left;
margin-left:45px;
margin-top:20px;
background:#CCC;
}
.taşma2{
width:170px;
height:80px;
background-color:#FFFFFF;
color:black;
margin-bottom:30px;
text-align:left;
overflow:hidden;
position:relative;
float:left;
margin-left:45px;
margin-top:20px;
background:#CCC;
}
.taşma3{
width:170px;
height:80px;
background-color:#FFFFFF;
color:black;
margin-bottom:10px;
text-align:left;
overflow:auto;
position:relative;
float:left;
margin-left:45px;
margin-top:20px;
background:#CCC;
}
</style>
<div class="taşma"> Bu Örnek bir metindir.Bu yazı uzun olduğu için taşacak.Css "visible" özelliği ile dive sığmayan yazı taşar.Yazının bu kısmı taşdı.</div>
<div class="taşma1"> Bu Örnek bir metindir.Bu yazı uzun olup div içine sığmadığı için taşacak.Css "scroll" özelliği ile kutudan taşan yazı için kaydırma çubuğu çıkacak.</div>
<div class="taşma2"> Bu Örnek bir metindir.Bu yazı uzun olduğu için taşacak.Css "hidden" özelliği ile taşan yazı gizlenecek.Burdan sonrası ... </div>
<div class="taşma3"> Bu Örnek bir metindir.Bu yazı kutudan uzun olursa taşacak ve kaydırma çubuğu çakacak.Css "auto" özelliği ile taşan yönde kaydırma çubuğu çıkar. </div>