Question

怎么div居中在另一个div中心(那个div向右浮动而且宽度会变)

Answer 1

<div class="a" style="width:50%; height:400px; float:right; border:solid 1px #000; position:relative">
    <div class="content"></div>
</div>
<style>
    /*第一种情况，当content为固定宽度的时候*/
    .content{width:300px; height:200px; position:absolute;left:50%;top:50%; margin:-100px 0 0 -150px}
    /*第二种情况，当content为百分比宽度*/
    .content{width:70%;height:200px;position:absolute;left:50%;top:50%; margin:-100px 0 0 -35%}
</style>
就这么简单，绝对居中于父元素

追问

loading...

想让#loading在#contents中心(#contents的宽度会变)

追答

你说的中心是全部居中还是只是左右居中哦，左右居中给一个margin:auto就行了啊，全部居中上面给出了代码

追问

全部居中

不过打开菜单时父元素宽度是会变的，还能保持居中吗

追答

我不给你代码了吗，在上面啊；
你知道把content的样式复制其中一个放到你的样式中就行了啊

Answer 2

position:absolute;
top:50%;
left:50%;
margin-top:-中间div高的一半
margin-left:-中间div宽的一半

追问

loading...

想让#loading在#contents中心(#contents的宽度会变)

追答

<div id="contents" style="float:right;position:relative;">
 <div id="loading" width="120px" height="120px" style="position:absolute;top:50%;left:50%;margin:-60px 0 0 -60px;">
  <canvas width="120px" height="90px" />
  <p>loading...</p>
 </div>
</div>

Answer 3

注意内外边距

追答

都给清零试试。

追问

loading...

想让#loading在#contents中心(#contents的宽度会变)

追答

有可能是。内填充的原因