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

发布网友发布时间：2022-05-11 06:35

共3个回答

热心网友时间：2023-10-03 08:05

<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>
就这么简单，绝对居中于父元素

热心网友时间：2023-10-03 08:06

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>

热心网友时间：2023-10-03 08:06

注意内外边距