标签: position

我必须从我的网站上删除()一些iems,然后将它们追加回去,但当我确实附加它们时,它们会出现在不同的地方,而我希望它们完全显示在他们曾经的同一个地方.

对此有什么解决方法吗？

这是一个沙盒,随意更新(注意第一次附加后图像如何改变位置):

http://jsfiddle.net/Zt9tZ/1/

我有一个位于页面顶部的div,位于标题栏的正下方.当用户向下滚动并且栏向上移动时,我希望它只上升到浏览器窗口的边缘然后保持在那里,就像固定一样.

怎么可能？仅使用CSS是可行的还是我需要jQuery？我更喜欢jQuery用于跨浏览器兼容性.

这是我目前使用的简单和简单的CSS代码:

#fbLikeDiv
{
    position: fixed;
    top: 95px;
    left: 10px;
}

您还可以查看该网站:www.myskoob.com/postish/ - 它是关于左侧Facebook的框,我想在用户向下滚动时保持在浏览器窗口的顶部边缘,但首先去直到那里.

我正在找出一个可能的HTML元素动态交叉淡入淡出解决方案.我的问题的核心是jQuery的.position()的奇怪行为,并在检索旧位置后更新css"position"属性.

我做了一个JSFiddle来说明我的问题:http://jsfiddle.net/svenhanssen/DDYVs/

/*
This works. I'll get a position.top from 0 to 90
*/

$("p").each(function( p ) {
    var position = $(this).position();

    console.log(position.top);
});

/*
This doesn't work. I'll get a position.top of 0 for all elements. Why does the css set effects the position?
*/

$("p").each(function( p ) {
    var position = $(this).position();

    console.log(position.top);

    $(this).css({
        position: "absolute"
    });
});?

之后以某种方式更改css"position"属性会影响旧属性.有谁知道原因和可能的解决方案？

请告诉我是否我弄错了。

锚点就像一个精灵的可移动中心。
您可以通过设置锚点来指定精灵的中心。

现在您可以通过指定中心位置来放置精灵。

例如）
锚点 = (1,1) ：精灵的中心是它的右上角（我可以认为它是“固定在右上角”）
position = (screenWidth, screenHeight) ：将中心（锚点）放在（屏幕宽度，屏幕高度）

导致在屏幕右上角对齐的精灵。

是否position:static等同于position: relative没有指定 top、bottom、right 或 left 属性？

我认为这是因为一个元素postion: absolute相对于第一个没有postion: static. 使用 来创建元素似乎是任意的，如果不使用其他属性position: relative，它的行为将与 a 相同position: static。我想我可能会遗漏一些关于staticvs 的信息relative。

谢谢！

我正在使用这个JS小提琴:http://jsfiddle.net/BY3tz/1/

注意当您删除position,left和top从属性dotParentCSS类,黑点是在盒子的中心.

我正在寻找一种方法来保持黑点居中(垂直和水平),同时保留上面提到的3个属性,以便我可以更改left和top属性以将框定位在任何位置,并且黑点将保持居中.

这可能吗？谁能看到我dot班上的错误？

我有一个容器 div，其中的内容有时需要除以class="top"和class="bottom"。显然没有float:topor float:bottom，那么单独使用 html/css 实现这一目标的最佳方法是什么？

前任：

<div class="content">
        <div class="left">
            <a href="#"><img src="img/home.jpg" alt="salon home"></a>
        </div><!-- end left -->
        <div class="center">
            <a href="#" class="top"><img src="img/about.jpg" alt="about salon"></a>
            <a href="#" class="bottom"><img src="img/services.jpg" alt="salon service"></a>
        </div><!-- end center -->
        <div class="right">
            <a href="#" class="top"><img src="img/products.jpg" alt="salon products"></a>
            <a href="#" class="bottom"><img src="img/contact.jpg" alt="contact salon"></a>
        </div><!-- end right -->
    </div><!-- end content -->

#container .content {
    margin-top: 115px;
}

#container .content .left {
    float: left;
    width: 307px; …

在OCaml中获取元素列表中元素位置的最快方法是什么？我知道如何在列表中获取元素的"第n"位置,但我想知道如果我已经知道该值,如何获取该元素的位置.

我想创建一个Java面板,用于创建用户单击的对象.由于我的实际应用程序使用MVC方法,我也希望这些对象能够在模型更改时重新绘制自己,并提供更改其属性的菜单.

我认为控制x和y位置的最佳方法是采用基于画布的方法,从方法中JPanel调用这些对象的draw paintComponent方法.然而,这只会在画布上绘制形状,并且不会添加对象本身而失去控制对象属性的所有能力.如果有人能告诉我最适合自己想做的事情,我将非常感激.

我已经创建了一些示例代码,可以在下面看到.单击时,我希望圆圈改变颜色,这是使用MouseListener实现的(它基本上代表在这个小例子中更改模型属性).此外,我还想确保放大/缩小仍然适用于任何示例代码/建议可以提供,所以我添加了按钮来放大和缩小对象作为快速测试.

import java.awt.*;
import java.awt.event.*;
import java.awt.geom.*;
import javax.swing.*;
import java.awt.geom.Ellipse2D;

public class Main  {

    public static void main(String args[]) {
        EventQueue.invokeLater(new Runnable() {

            @Override
            public void run() {
                JFrame frame = new JFrame();
                frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

                ExamplePanel panel = new ExamplePanel();

                frame.add(panel);
                frame.pack();
                frame.setVisible(true);
            }
        });
    }

    //I could not get this to with when it extended JLayeredPane
    private static class ExamplePanel extends JPanel {
        private static final int maxX = 500;
        private static final …

我有一个简单的分度,width:100%和position:fixed上下.这是我的CSS:

#footer {
     width: 100%;
     border: 1px solid #000000;
     position:fixed;
     bottom: 0;
     margin:0 5px;
}

当我使用速记属性左右应用边距时,页脚被推向右边,这很奇怪.

我创造了一个小提琴供你玩:小提琴演示