親要素の下にある子要素の画像の元々の大きさが小さい場合、親要素の幅に合わせて拡大するためにはどうすれば良いのででしょうか。
該当のソースコード
<body> <div class="box"> <div class="box1"> <h1>sample</h1> <img src="img/pic1.jpg"> </div> <div class="box1"> <h1>sample</h1> <img src="img/pic1.jpg"> </div> </div> </div>body {
margin: 0;
}
.box {
clear: both;
content: "";
display: block;
}
.box1 {
float: left;
width: 50%;
}
.box h1 {
margin: 0;
}
.box img {
}
(質問文は編集できます)質問文のコードはそれぞれコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
回答1件
あなたの回答
tips
プレビュー