图像未显示在固定div中

Question

出于某种原因，图像未显示在我试图创建的div中。 它可能是一个很容易解决的问题，我完全不知道。

（仅使用随机图像作为示例）

https://jsfiddle.net/57053L6h/

摘录：

＆＃13;

＆＃13;

.alert {
  	position: fixed;
  	bottom: 0px;
  	height: 75px;
  	width: auto;
  	margin: 0;
  	padding: 0;
  	padding-right: 50px;
  	background-color: rgba(0, 0, 0, 0.45);
  	display: table;
  	font-weight: bold;
}

.alert p {
	color: white;
	display: table-cell;
  	vertical-align: middle;
  	text-align: center;
}

.alert .icon {
	max-height: 100%;
	max-width: 100%;
	/*animation: bounce 2s infinte;*/
}

＆＃13;

<div class="alert">
  <img class="icon" src="https://image.freepik.com/free-icon/user-male-silhouette_318-55563.png" />
	<p>Lorem ipsum<br>
	I can only remember lorem ipsum lol</p>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

也许你想尝试设置你真正想要的最大宽度

   .alert .icon {
      max-width:100px;
   }