html - 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}

演示

Answer 2

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

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

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