求教css的大神，相对定位后的div怎么水平居中？

<div id="container" style="position:relative;width:320;margin:0 auto">，这样好像不行

第1个回答 2013-04-26

<div style=" position:absolute; width:500px; height:300px; left:50%; top:50%; margin-left:-250px; margin-top:-150px; background:#ccc; text-align:center; line-height:300px;">
我在屏幕中间
</div>

第2个回答 2018-05-29

你为了相对定位居中也就是为了使用相对定位的特性，那么你可以先让一个div绝对定位，然后在里面设置一个一样大相对定位的块，这样你就可以让这个块里的元素有相对定位的属性;
<!DOCTYPE html>
<html>
<head>
<title>测试</title>
<style type="text/css">
*{
padding: 0px;
margin: 0px;
}
.demo{
position: absolute;
width:800px;
height:400px;
background-color: blue;
left: 0px;top: 0px;right: 0px;bottom: 0px;
margin: auto;
}
.demo-child{
position: relative;
width: 800px;
height: 400px;
background-color: green;
}
</style>
</head>
<body>
<div class="demo">
<div class="demo-child">
</div>
</div>
</body>
</html>

<上一页 1 2

相似回答

如何div中的div居中cssdiv中的div怎么居中答：方法一:使用绝对布局位置:absolutefordiv并设置top、left、right、bottom的值相等，但不一定都等于0；并设置边距:自动。方法二:这个方法需要知道div的宽度和高度。使用绝对布局位置:绝对用于div并将top和left的值设置为50%；50%是指页面窗口宽度和高度的50%；最后，将div向左上方移动div宽度和高度的一半。

css怎么让定位的那个层显示在浏览器的正中间答：可以用css定位让指定层在浏览器正中间。1、新建html文档，在body标签中添加一个div标签，为这个标签设置宽高，这里以200px为例：2、添加定位代码“position: absolute;”，并且设置相对左侧和顶部的距离为“50%”：3、最后设置指定层的左外边距和顶外边距的大小为指定层宽高的一半，这时指定层就会在浏...