html - CSS span overflow auto or scroll not working with child element -
i have following setup:-
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 :)