图片犯规在Flexbox的

Question

调整我有这个

.parentcontainer 
{ 
background-color: black; 
max-width: 100%; 
display: flex; 
flex-direction: row; 
flex-wrap: nowrap; 
justify-content: flex-start; 
align-items: space-around; 


} 

.aside 
{ 
display:flex; 
flex: 30%; 

flex-direction: column; 
flex-wrap: nowrap; 
justify-content: flex-start; 
align-items: stretch; 



} 
.content 
{ 

background-color: blue; 
flex: 70%; 
display: flex; 
flex-direction: column; 
flex-wrap: wrap; 
justify-content: space-between; 
align-content: flex-start; 
max-height:800px; 


} 

.content img 
{ 
width: 100%; 
max-width: 100%; 
height: auto; 
} 

当我调整浏览器的。内容犯规调整大小的IMGS，我需要做一个横向滚动。我该如何调整图像大小？并且子容器不会比父容器大。谢谢。

编辑：现在我将.content更改为列，mas高度更改为800px。我希望。内容的文章下去，当它们达到800像素时，再制作一个专栏。问题就依然存在，。内容的文章而来的家长外箱代替或调整...

Answer 1

试试这个：

.content img{ 
    width: 100%; 
    max-width: 100%; 
    height: auto 
}