CSS|2022-11-01
FastUP

CSS 備忘録|最大値設定|max-width

↓親要素小さ目の場合

最大幅なし

最大幅200px

↓親要素大きめの場合

最大幅なし

最大幅200px

HTML

↓親要素小さ目の場合

最大幅なし

最大幅200px

↓親要素大きめの場合

最大幅なし

最大幅200px

CSS


.pdf_documents_mini1 {
/*親要素小さめ*/
width: 200px;
background:skyblue;
}
.pdf_documents_mini2 {
/*親要素大きめ*/
width: 400px;
background:skyblue;
}
.pdf_documents_nomin {
/*最大幅なし*/
background:gray;
width: 80%;
}
.pdf_documents_min {
/*最大幅あり*/
background:orange;
width: 80%;
max-width: 200px;
}