仅使用HTML垂直对齐父div中的动态div

这是我们的html：

<div id="1" class="right">
    <div class="top"><img src=".png" alt=""></div>
    <div class="content">Some dynamic text</div>
    <div class="bottom"><img src=".png" alt=""></div>
</div>

如何垂直对齐#1的内容，使其始终位于底部？设计和技术限制意味着我们不能使用任何CSS表属性或JavaScript。

（滚动到fiddle的bootom查看图像）

要执行的操作：使用

相对

父div的

绝对

子级

添加了解释：因为您的

。右侧的
具有
顶部：-304px
而整个div没有内容，并且高度为191px，因此整个标记具有
高度=-113px
（-304+191），因此您将无法看到任何内容…更改高度以查看它。

编辑

假设您有固定高度div

（滚动至fiddle的bootom以查看图像）

要执行的操作：使用
相对
父div的
绝对
子级

添加了解释：因为您的
。右侧的
具有
顶部：-304px
而整个div没有内容，并且高度为191px，因此整个标记具有
高度=-113px
（-304+191），因此您将无法看到任何内容…更改高度以查看它。

编辑

假设您有固定高度div

（滚动至fiddle的bootom以查看图像）

要执行的操作：使用
相对
父div的
绝对
子级

添加了解释：因为您的
。右侧的
具有
顶部：-304px
而整个div没有内容，并且高度为191px，因此整个标记具有
高度=-113px
（-304+191），因此您将无法看到任何内容…更改高度以查看它。

编辑

假设您有固定高度div

（滚动至fiddle的bootom以查看图像）

要执行的操作：使用
相对
父div的
绝对
子级

添加了解释：因为您的
。右侧的
具有
顶部：-304px
而整个div没有内容，并且高度为191px，因此整个标记具有
高度=-113px
（-304+191），因此您将无法看到任何内容…更改高度以查看它。

编辑

假设您有固定高度div

您应该将类
。right
更改为：

.right{
     position:absolute; 
     bottom: 0; 
     width:170px; 
     height:191px;
 }

我希望这对您有所帮助：）
您应该将类更改为
。正确的
：

.right{
     position:absolute; 
     bottom: 0; 
     width:170px; 
     height:191px;
 }

我希望这对您有所帮助：）
您应该将类更改为
。正确的
：

.right{
     position:absolute; 
     bottom: 0; 
     width:170px; 
     height:191px;
 }

我希望这对您有所帮助：）
您应该将类更改为
。正确的
：

.right{
     position:absolute; 
     bottom: 0; 
     width:170px; 
     height:191px;
 }

我希望这对你有帮助：）
你是说把
.bottom
贴到。。。底部？你是说将
.bottom
粘贴到。。。底部？你是说将
.bottom
粘贴到。。。底部？你是说将
.bottom
粘贴到。。。底部？虽然与我的答案相同…但没关系…祝贺你第一次+10代表…欢迎来到SO:）虽然与我的答案相同…但没关系…祝贺你第一次+10代表…欢迎来到SO:）虽然与我的答案相同…但没关系…祝贺你第一次+10代表…欢迎来到SO:）虽然与我的答案相同…但没关系…祝贺你你的第一个+10代表…欢迎使用SO:）我需要位置：相对于位置。相对于页面上的其他元素，所以不能更改为位置：绝对。还有其他想法吗？？？你们有固定高度的容器吗？？我的意思是，
。right
有固定的高度吗？我需要位置：相对于位置。right相对于页面上的其他元素，所以不能更改为位置：绝对。还有其他想法吗？？？你们有固定高度的容器吗？？我的意思是，
。right
有固定的高度吗？我需要位置：相对于位置。right相对于页面上的其他元素，所以不能更改为位置：绝对。还有其他想法吗？？？你们有固定高度的容器吗？？我的意思是，
。right
有固定的高度吗？我需要位置：相对于位置。right相对于页面上的其他元素，所以不能更改为位置：绝对。还有其他想法吗？？？你们有固定高度的容器吗？？我是说，
有固定高度吗？