CSS跨越溢出自动或滚动不使用子元素

Question

我有以下设置： -

http://jsfiddle.net/YKXUb/1/

css是这样的： -

.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;}

正如您所看到的，超出跨度宽度的内容一直在继续，我尝试使用overflow:scroll和overflow:auto，但似乎没有任何效果

任何帮助将不胜感激的人：）

Answer 1

overflow:auto适合我

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

<强> DEMO

Answer 2

overflow:auto有效，但您还需要添加高度：

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

  

您需要根据您的要求添加高度