绝对定位的div内部相对位置div不动

时间:2015-08-04 11:28:46

标签: html css twitter-bootstrap

在我的网站上,我连续有2个col-xs-6。两个列都有一个图像,我希望在顶部添加文本,当它们由于img-responsive而移动时会移动,但是文本似乎不是坐在div中而是在它顶部,继承人一段代码http://www.bootply.com/zVc28CKWFW

编辑:这不是我的网站,而是它的一小部分,因此单个col-xs-6

编辑2:我希望我的文本在调整图像大小时保持在图像顶部的中心,有关工作示例,请参阅http://www.triplagent.com/,调整浏览器大小时图像调整大小以及图像保持居中在图像上并随之移动,这就是我想要实现的目标。

1 个答案:

答案 0 :(得分:0)

你的h2标签很好,它没有与容器顶部齐平的原因是因为它继承了浏览器的默认边距/填充。如果你覆盖它们,它将是齐平的:

http://www.bootply.com/tBlXOzGBde

<强>更新

http://www.bootply.com/wgihndvcP1