請(qǐng)問該操作為什么能實(shí)現(xiàn)垂直居中?
.father{
????position:relative;
}
.son{
????position:absolute;
????margin:?auto;
????top:?0;
????left:?0;
????right:?0;?
????bottom:?0;
}以上操作可以實(shí)現(xiàn)垂直居中,但是我不明白為什么會(huì)這樣.
慕UI0344854
2019-06-20
6 回答
舉報(bào)
0/150
提交
取消
2019-11-23
這個(gè)position:?absolute;是讓他絕對(duì)定位，?top:?0;?bottom:?0;? left:?0 right:?0; ? ? ?? 這個(gè)就是讓他左右上下距離相等，這樣已經(jīng)居中了，為零就是讓他邊距變大，就像四邊有人扯一塊布一樣
2019-07-04
看不懂 不過可以肯定的是 SON是子元素 FATHER?是父元素 用前面看過的 定位 父絕子相
2019-06-22
auto：瀏覽器計(jì)算外邊距，所以說你更改任意一個(gè)參數(shù)都會(huì)導(dǎo)致異常
2019-06-20
研究了半天我也沒搞明白，明天我查到答案了再和你說?
2019-06-20
<!DOCTYPE?html> <html?lang="en"> <head> ????<meta?charset="UTF-8"> ????<title>絕對(duì)定位居中測(cè)試</title> ????<style> ????????.father{ ????????????background:?red; ????????????width:?100%; ????????????height:?600px; ????????????/*關(guān)鍵點(diǎn)*/ ?position:?relative; ????????} ????????????.father?>?.son{ ????????????????background:?blue; ????????????????width:?50%; ????????????????height:?45%; ????????????????/*關(guān)鍵點(diǎn),為什么以下這些操作可以使盒子居中?更改或者刪除其中任意一個(gè)參數(shù)都會(huì)導(dǎo)致異常?這里的margin:auto;起到了什么作用??*/ ?position:?absolute; ????????????????top:?0; ????????????????bottom:?0; ????????????????left:?0; ????????????????right:?0; ????????????????margin:?auto; ????????????} ????</style> </head> <body> <div?class="father"> ????<div?class="son"></div> </div> </body> </html>代碼如上!!
2019-06-20
有完整代碼么，可以幫你看下