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

↓親要素小さ目の場合

↓親要素大きめの場合

HTML

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;
}