已解決430363個問題，去搜搜看，總會有你想問的

固定高度使用絕對定位無法垂直居中？

首頁猿問固定高度使用絕對定位無法垂直居中？

固定高度使用絕對定位無法垂直居中？

CSS3

雨丶辰 2016-02-18 11:21:53

.wrap { width:800px; height:600px; position:absolute; top:50%; left:50%; margin-left:-400px; margin-top:-300px; background-color:#333; overflow:hidden;}這樣設置div的樣式，為什么只能實現水平居中而不能實現垂直居中？

查看完整描述

7 回答

慕碼人2456685

TA貢獻1條經驗獲得超0個贊

你的父元素應該設置為relative，并且高度應該設置為100%；應該是html 和body吧，你設置一下

反對回復 2016-02-18

雨丶辰
<body><div class="wrap"></div></body>.就是這個簡單的html結構，但div無法垂直居中，按你說的設置了下，依然沒有。父元素height:100%;時，子元素是沒辦法通過絕對定位來實現垂直居中啊

回復 2016-02-18

echo_kinchao

TA貢獻600條經驗獲得超86個贊

是不是相對的關系沒有寫對

反對回復 2016-02-18

雨丶辰
<body> <div class="wrap"> </div> </body> 這樣的html結構，應該是相對于瀏覽器的左右上下吧。

回復 2016-02-18

qq_舒寧_0

TA貢獻1條經驗獲得超0個贊

父級高度的問題吧。

反對回復 2016-02-18

雨丶辰
<body> <div class="wrap"> </div> </body> 這樣的html結構，求告知下如何解決。

回復 2016-02-18

卷毛0

TA貢獻2條經驗獲得超0個贊

可以垂直居中啊

反對回復 2016-02-18

李曉健

TA貢獻1036條經驗獲得超461個贊

應該可以的吧，你看確定一下你的這個DIV是相對于誰來定位，那個元素的高度是多少。還有問題就給一下完整的代碼。

反對回復 2016-02-18

雨丶辰
<body> <div class="wrap"> </div> </body> 這樣的html結構，求告知下。

回復 2016-02-18
i愛慕客
woyeyao:huidawenti,wojianpan zenme huaile a

回復 2016-02-18
李曉健
這樣的話body的高度就是warp的高度，所以垂直當然不會有居中了，你可以把html和body的高度都設成100%再試試

回復 2016-02-19

7 回答
0 關注
2660 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

固定高度使用絕對定位無法垂直居中？

固定高度使用絕對定位無法垂直居中？

7 回答

添加回答

固定高度使用絕對定位無法垂直居中？