Divs的定位——居中+固定问题答案

【问题标题】：Positioning of Divs - centered + fixed insuesDivs的定位——居中+固定问题
【发布时间】：2012-01-13 19:54:08
【问题描述】：

我有一个位于页面中心的 div “general”。在里面，我在顶部有一个固定的 div。在那个 div “general”之外，有一个固定在页面底部的“footer”。到目前为止一切都很好..问题是 div“内容”必须在该 div“一般”内垂直和水平居中....有人可以给我一些定位提示吗？

<body>
        <div id="mb_background" class="mb_background">
            <img class="mb_bgimage" src="images/default.jpg" alt="Background"/>
            <div class="mb_loading"></div>
        </div>

        <div id="mb_geral">

            <div id="mb_topo">

                <div id="mb_logo">
                    <a href=""><img src="images/logo_dentro.png" alt="Logotipo"/></a>
                </div>

                <div id="mb_menu">

                </div>

                <br clear="all"/>

            </div>

            <div id="mb_conteudo">

                alguma coisa aqui

            </div>


        </div>

        <div class="mb_footer">
            <a class="mb_left" href="" target="_blank"><img src="images/facebook.png"/></a>
            <a class="mb_left" href="" target="_blank"><img src="images/twitter.png"/></a>
            <a class="mb_left" href="" target="_blank"><img src="images/news.png"/></a>

        </div>      
    </body>

【问题讨论】：

标签： html css

【解决方案1】：

margin:0 auto;

在你的 css 中将内容 div 水平居中，垂直居中，你需要

top:50%;
margin-top:-[insert half of the content div's height here];

【讨论】：