html - 图像不适用于容器宽度的 50%

Question

我想要一个容器，左侧包含 50% 的文本，右侧包含 50% 的图像。但图像不会缩放到宽度的 50%。这里有什么问题吗？

<div style="width:100%;">
<div style="widht:50%; float:left;background-color:#efefef;height:200px;width:50%;">
My Texting
</div>
<div style="width:50%; float:left;">
<img src="http://www.howtobeast.com/wp-content/uploads/2015/03/crossfit-fuengirola-slide03.jpg">
</div>

https://jsfiddle.net/kLcxnojn/

Answer 1

你需要给你的图片宽度 100%；

img{ width:100%; }

https://jsfiddle.net/kLcxnojn/