Html 我能'；我的内容无法在右框中垂直居中

我有一个左右两边的网站。但我无法将正确的框中的内容集中在正确的框中

我无法真正更改容器css，因为这样整个站点将崩溃，因为该站点是使用Jquery构建的。但现在我无法将我的内容框垂直和水平居中放置在正确的框中

JSFIDLE：

HTML

<!-- LEFT -->
<div id="left">
<div id="t_content">
<div id="t_container">

<div id="t1_b1">Random title I</div>
<div id="t1_b2">Random text I</div>

</div>
</div>
</div>

<!-- RIGHT -->
<div id="right">
<div id="f_content">
<div id="f_container">

<div id="f1_b1">Random title II</div>
<div id="f1_b2">Random text II</div>

</div>
</div>
</div>

---

使用

垂直对齐：中间对齐在右边的div css上。它应该可以工作
尝试添加
填充顶部：280px在#f#容器css中
@在此处编辑演示：
您需要添加底部：0；和top:0；到您的#f#容器

#f_container {
position: absolute;
margin: auto;
height:120px; 
width:600px;
bottom:0;
top:0;
}

对于您的右容器
#f_content
给它
位置：绝对

对于您的
#f_容器
给出它

top:50%; 
position:relative; 

看看这个

我希望这能有所帮助
我也认为这可能有助于你理解

<> P> 
你有没有理由，为什么你绝对定位的东西，然后有固定宽度在你的相对宽度容器内？现在这个盒子几乎站在中间，但是在一个较小的屏幕或更大的屏幕上，它不在中间。所以这不是一个响应迅速的解决方案。它需要居中，即使在小屏幕或大屏幕上。垂直对齐用于表格单元格内。谢谢，这是解决方案！伟大的
top:50%; 
position:relative;