gpt4 book ai didi

jquery - 顶部和左侧不反射(reflect)给定的负边距

转载 作者:太空宇宙 更新时间:2023-11-04 05:00:28 25 4
gpt4 key购买 nike

我在一个 div 元素中有两个元素。一个样式为向左浮动,另一个为向右浮动。我已经给了它们负边距,但是当我试图找到顶部和左侧(使用 jQuery 中的 .position() 函数)时,因为我必须对它们应用一些翻译,左边的位置左侧元素未正确显示。正确的元素给出正确的顶部和左侧。

代码如下:

HTML

<hmtl>
<head></head>
<body>
<div class = "rotate">
<div class = "figure1"></div>
<div class = "figure2"></div>
</div>

</body>
</html>

CSS

.rotate{
width: 300px;
height: 70px;
border:2px solid black;
margin: auto;
}
.figure1{
position: relative;
float: left;
margin-left: -80px;
display: inline-block;
width: 70px;
height: 70px;
background:url("http://www.northareadevonfootball.co.uk/Images/football.jpg");
background-size: 100% 100%;
);
}
.figure2{
position: relative;
float: right;
display: inline-block;
margin-right: -80px;
width: 70px;
height: 70px;
background:url("http://www.northareadevonfootball.co.uk/Images/football.jpg");
background-size: 100% 100%;
}

Javascript (jQuery)

var a = $(".figure1").position();
var b = $(".figure2").position();
console.log(a,b);

Demonstration on Jsfiddle .

查看 figure1 类的 margin-leftfigure2 类的 margin-right 和请注意,当我们在控制台中看到 console.log 的输出时,-80px 的边距反射(reflect)在一个而不是另一个中。

最佳答案

尝试使用 offset() 而不是 position()

关于jquery - 顶部和左侧不反射(reflect)给定的负边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11626882/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com