Question

我要做的是将我的徽标与我放入的标题div的底部对齐。我将标题拆分为2个标题左侧标题和标题右侧我只需要左侧显示的网站标识标题的一侧所以它只需要最大350px，左边距为55px。我可以轻松地在中心对齐但是我知道出了什么问题以及为什么我不能让它与标题的底部对齐。我在论坛上尝试了其他一些步骤，没有任何效果。

＆＃13;

}
header {
	background-color: #6699cc;
    overflow: hidden;
	margin: 0;
	background: no-repeat center center cover;
	display: block;
	border: 0px;
	position: relative;
	padding: 10px 20px 20px;
}
#header-left { 
	width: 50%;
    vertical-align: bottom;
    display: table-cell;
}

＆＃13;

<header>
	<div id="header-left">
		<img src="images/logo.png" alt="Tech World Today" align="bottom"/>
	</div>
</header>

＆＃13;

Answer 1

将此添加到您的css：

img {
  position: absolute;
  bottom: 0;
  left: 0;
}

请参阅小提琴： https://jsfiddle.net/ocme3jqb/

PS：我在标题中添加了设置的高度宽度，以显示效果。

Img将底部对齐div的底部

1 个答案: