Div的中心是什么是最好的选择

Question

使用绝对位置div并且没有固定高度来居中div的最佳方法是什么？

这就是我正在制作的： http://i.stack.imgur.com/dBHDL.png

选项1：

.holder{width: 100%; float: left;}
.content{margin: 0 auto; width: 1200px; position: relative;}
.dropdownmenu{position: absolute; top: 0; right: 0;}

这为“holder”提供了一个滚动条，需要溢出。但高度自动为0，“内容”不能有填充。

选项2：

.holder{width: 100%; float: left; text-align: center;}
.content{display: inline-block; text-align: left; position: relative;}
.dropdownmenu{position: absolute; top: 0; right: 0;}

这似乎是最好的解决方案，但我不知道它是否“允许”，而且似乎有点hacky

选项3：

.holder{width: 100%; float: left; position: relative;}
.content{margin-left: -600px; left: 50%; width: 1200px; position: absolute;}
.dropdownmenu{position: absolute; top: 0; right: 0;}

这看起来效果很好，但它不是“响应式”，我需要修复很多才能使其响应良好。

选项4：

translate-x选项......但是那些不够支持。

问题是我想要一个div的中心，并且stil可以使用绝对位置而不会出现溢出（滚动条）问题。并且stil具有带衬垫的自动高度。