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 }

你需要添加的高度，按您的要求