html - CSS span overflow auto or scroll not working with child element -


i have following setup:-

http://jsfiddle.net/ykxub/1/

and css this:-

.two {   height: 100%;  width: 100%;  border:1px solid green;   }  .hold  {       float: left;     height: 100%;     width: 35%;     border:1px solid green;  }  .right {  height: 100%; border:1px solid green;}  .hold > img{width: 100%;height:100%;}  #one{ height: 300px; width: 600px; margin: 0 auto;}  .center{text-align:center;margin:0 auto;} .rights{text-align:right;}  .main{width:100%;display:block;border:1px solid green;}    .five{width:20%; border:1px solid green;float: left;} .six{border:1px solid green;display:block;} 

as can see , contents exceeds span width keeps on going , i've tried overflow:scroll , overflow:auto nothing seems work

any appreciated guys :)

overflow:auto works me

.six{border:1px solid green;display:block; overflow:auto} 

demo


Popular posts from this blog

How to calculate SNR of signals in MATLAB? -

c# - Attempting to upload to FTP: System.Net.WebException: System error -

ios - UISlider customization: how to properly add shadow to custom knob image -