<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>Document</title>
<style>
????*{margin:0;?padding:0;}
????div{width:100px;height:100px;background-color:orange;
????????position:absolute;margin:0?auto;
????}
</style>
</head>
<body>
????<div></div>
</body>
</html>
3 回答
已采納
qq_青棗工作室_0
TA貢獻(xiàn)446條經(jīng)驗(yàn) 獲得超754個(gè)贊
設(shè)置了position:absolute后，要用left和right來定位。
你增加兩句就行了：
left:0; right: 0;
-
yangwwei謝謝解答！ 嘗試了left:0;right:0;但沒有任何改變。。如果設(shè)成left：%50-50px為什么也不行呢？？ -
qq_青棗工作室_0我的方法可以居中啊。如果你要用CSS計(jì)算表達(dá)式，可以這樣用 left: -webkit-calc(50% - 50px); <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{margin:0; padding:0;} div{width:100px;height:100px;background-color:orange; position:absolute;margin:0 auto; left:0; right: 0; } </style> </head> <body> <div></div> </body> </html>
-
yangwwei要使得居中必須margin:0 auto;也要有。。。這是為什么呢？？
添加回答
舉報(bào)
0/150
提交
取消