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}

DEMO