問題如下圖，藍(lán)色框根據(jù)紅色框，得到相對于紅色框左上角的偏移(x,y)<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style> .box { width: 1200px; padding: 50px; box-sizing: border-box; border: 1px solid #ff0000; } .box-item { display: flex; padding: 20px; box-sizing: border-box; border: 1px solid #ccc; } .box-item .item-left { flex: 1; } .box-item .item-right { flex: 0 0 150px; width: 150px; height: 50px; box-sizing: border-box; border: 1px solid #00aaee; }</style></head><body><div class="box"> <div class="box-item"> <div class="item-left">aa</div> <div class="item-right"></div> </div> <div class="box-item"> <div class="item-left">bb</div> <div class="item-right"></div> </div> <div class="box-item"> <div class="item-left">cc</div> <div class="item-right"></div> </div></div></body></html><script type="text/javascript">function doPrint() { window.print();}</script>
如何獲取得到相對于父元素的偏移(x,y),如下圖和代碼
達(dá)令說
2019-03-22 19:15:11
