私はこれを持っています
.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;
}
ブラウザのサイズを変更すると、.content の画像のサイズが変更されず、水平スクロールを行う必要があります。画像のサイズを変更するにはどうすればよいですか? 子コンテナは親コンテナよりも大きくなりません。ありがとう。
編集: .content を列に、mas の高さを 800px に変更しました。.content の記事を下げて、800px に達したら、別の列を作成します。問題は解決せず、.content の記事が代わりに親ボックスの外に出るか、サイズが変更されます...