Html 使用css将div始终保持在屏幕的中间底部

我一直试图在屏幕底部放一个div。由于div的宽度小于屏幕，所以它应该位于屏幕的中间。第一件事是工作，但它总是向左浮动

代码是

    <div id="catfish" style="position:fixed; bottom:0;  z-index:5000; width: 468px; margin: 0px auto;">
        <div style="position:absolute;  margin-bottom:0px; z-index:15;">
            <a href="Javascript:void(0);" onclick="document.getElementById('catfish').style.display='none'"><img src="http://secretdiarybd.com/wp-content/uploads/2015/05/close.gif.png" alt="close" height="20"></img></a>
        </div>
        <div>
           Some elemnt here
        </div>
    </div>

请帮帮我

您必须使用值0向div添加左和右。 如果你还想要你的文本在中间，你必须添加文本对齐：中心； 希望有帮助

您必须使用值0向div添加左和右。 如果你还想要你的文本在中间，你必须添加文本对齐：中心； 希望有帮助

用宽度的一半向左添加边距。现在您可以将容器从左侧移动50%。在这里，您可以找到一个工作示例：

鲶鱼{ 位置：固定； 底部：0； z指数：5000； 背景色：f00； 左：50%； 左边距：-234px；/*宽度的一半*/ 宽度：468px； } 这里有一些元素 在左边添加一个宽度为一半的边距。现在您可以将容器从左侧移动50%。在这里，您可以找到一个工作示例：

鲶鱼{ 位置：固定； 底部：0； z指数：5000； 背景色：f00； 左：50%； 左边距：-234px；/*宽度的一半*/ 宽度：468px； } 这里有一些元素 这里有一些元素 这里有一些元素

---

内联CSS/JS通常被认为是最好避免的，顺便说一句。它使事情难以维护。内联CSS/JS通常被认为是最好避免的，顺便说一句。它使事情难以维护。

  <div id="catfish" style="position:fixed; bottom:0; left:0; right:0; text-align:center;  z-index:5000; width: 468px; margin: 0px auto;">
        <div style="position:absolute;  margin-bottom:0px; z-index:15;">
            <a href="Javascript:void(0);" onclick="document.getElementById('catfish').style.display='none'"><img src="http://secretdiarybd.com/wp-content/uploads/2015/05/close.gif.png" alt="close" height="20"></img></a>
        </div>
        <div>
           Some elemnt here
    </div
    </div>