画像の縮小と画像の配置_html/css_WEB-ITnose

サムネイルを作成したいのですが、全体画像のサムネイルが小さすぎます
適切なサイズに縮小し、オーバーフローを使用して表示サイズを切り出します
ただし、画像は左から配置され、画像内の一部の情報が表示されます。
アドバイスをください

.post{float: left;width: 210px;height: 150px;overflow:hidden;background-color: #fff;margin: 10px 0px 0px 10px;}.post img{max-width: 300px;max-height: 167px;}

効果は次のとおりです

ディスカッションへの返信 (解決策)

トリミングに使用される div の相対位置を設定します。縮小画像の絶対位置を設定すると、それを制御できます 左または上に配置して必要な領域を表示すると、余分な領域が div によってトリミングされます

トリミングに使用される div の相対位置を設定します。 Position:relative;

次に、縮小画像の絶対位置を設定すると、左または上の位置を制御することで必要な領域を表示でき、余分な領域は div によってトリミングされます

正しい解決策

トリミングに使用する div の相対位置を設定します。position:relative;

次に、縮小画像を絶対位置に設定すると、位置の左または上を制御して必要な領域を表示でき、余分な領域がトリミングされます。 div

正しい解決策