将块元素固定到屏幕底部的中心?

时间:2013-03-21 14:58:10

标签: html css

我希望块元素水平居中,垂直底部。这是我正在尝试的:

iframe {
    display: block;
    position: fixed;
    bottom: 5px;
    left: 50%;
    right: 50%;
}

它出现在右下方,部分溢出屏幕。有没有办法做到这一点?

1 个答案:

答案 0 :(得分:3)

您需要将负左边距设置为等于元素宽度的一半,例如:

left: 50%;
margin-left: -152px;

right: 50%什么也没做。

http://jsfiddle.net/ExplosionPIlls/VgPUZ/