.wrap { width:800px; height:600px; position:absolute; top:50%; left:50%; margin-left:-400px; margin-top:-300px; background-color:#333; overflow:hidden;}這樣設(shè)置div的樣式，為什么只能實(shí)現(xiàn)水平居中而不能實(shí)現(xiàn)垂直居中？
7 回答
慕碼人2456685
TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個(gè)贊
你的父元素應(yīng)該設(shè)置為relative，并且高度應(yīng)該設(shè)置為100%；應(yīng)該是html 和body吧，你設(shè)置一下
-
雨丶辰<body><div class="wrap"></div></body>.就是這個(gè)簡(jiǎn)單的html結(jié)構(gòu)，但div無法垂直居中，按你說的設(shè)置了下，依然沒有。父元素height:100%;時(shí)，子元素是沒辦法通過絕對(duì)定位來實(shí)現(xiàn)垂直居中啊
-
雨丶辰<body> <div class="wrap"> </div> </body> 這樣的html結(jié)構(gòu)，應(yīng)該是相對(duì)于瀏覽器的左右上下吧。
李曉健
TA貢獻(xiàn)1036條經(jīng)驗(yàn) 獲得超461個(gè)贊
應(yīng)該可以的吧，你看確定一下你的這個(gè)DIV是相對(duì)于誰來定位，那個(gè)元素的高度是多少。還有問題就給一下完整的代碼。
- 7 回答
- 0 關(guān)注
- 2653 瀏覽
添加回答
舉報(bào)
0/150
提交
取消