Html CSS span溢出自动或滚动不使用子元素

我有以下设置：-

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

，但似乎没有任何效果

---

如果有任何帮助，我们将不胜感激：）

溢出：auto

适合我

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

---

溢出：自动

工作，但您还需要添加高度：

.6{
边框：1px纯绿色；
显示：块；
高度：100px；
溢出：自动
}

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

---

不可能，我用的是铬和它的剂量