用了position:absolute;后无法居中并宽自适应。 200
一个div用了position:absolute;后无法（居中+宽度自适应）。<head><style>#div1{position:absolute;left:0;to...
一个div用了position:absolute;后无法（居中+宽度自适应）。
<head>
<style>
#div1{position:absolute;left:0;top:120px; background-color:#CCC;}
</style>
</head>
<body>
<div id="div1">AAAAAAAAA</div>
</body>
</html>
改用position:relative，也不行 展开
<head>
<style>
#div1{position:absolute;left:0;top:120px; background-color:#CCC;}
</style>
</head>
<body>
<div id="div1">AAAAAAAAA</div>
</body>
</html>
改用position:relative，也不行 展开
展开全部
1、当然无法居中，因为你设置的是position:absolute;绝对定位，并且给出的位置是left:0;即紧靠左边，这怎会居中呢？
2、你没有给定宽度，宽度自适应就是有内容的区域，也即AAAAAAAAA啊。如果你的效果如下，那么这就是宽度自适应啊。否则你应该给定一个宽度。
3、换句话说，你想要什么样式，让div居中？那下面的css就可以了
#div1{width:500px;height:50px;margin: 120px auto; background-color:#CCC;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你是想做成这样的效果吗？
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
#div1{position:absolute;left:0;top:120px; background-color:#CCC;width: 100%; text-align: center;}
</style>
</head>
<body>
<div id="div1">AAAAAAAAA</div>
</html>
代码解释：
width: 100%; 宽度百分百。
text-align: center; 文本居中。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
因为你把元素浮动了，所以div的宽度不继承父元素的宽度了，定义个width:100%;字要居中显示的话，要text-align:center;如果div有宽度的话，居中就不需要定位，只需要css就可以了；
比如div{width:200px;margin:0 auto};
问题是否解决。如未解决，请追问。。
比如div{width:200px;margin:0 auto};
问题是否解决。如未解决，请追问。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给#div1加宽高 ，用margin: 0 auto就可以居中 ，还是非得用定位 ？ 用定位吧left改成50% ，就好了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
#div1 {
left:50%;
transform(-50%)
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
