css - div 容器附近的 div

Question

我创建图片我必须这样做。我有 div 容器页面。我现在在顶部 div 创建 div 以登录和注册页面。我希望 div 有登录和注册表单在顶部 div 附近有 posttion。怎么办？我试过浮动：左右位置绝对固定相对，没有任何帮助。我的 div 容器 css

#srodek
{
margin:0 auto;
width: 970px;
}

和 div 登录

#logowanie
{
border-style:dotted;
border-width:2px;
display:none;
float:left;
padding:8px;
}

Answer 1

不太确定您要的是什么，但我认为您正在尝试定位一些 div 标签。因此，当您拥有容器时，比如说 600 x 600 像素，如果您想在顶行以 200 像素放置 3 个框（div 标签），那么您的代码应该使用 display:inline-block; 在 css 表单中锁定它们应该在的 div 标签。

所以：

<div class="container">
     <div class="box1"></div>
     <div class="box2"></div>
     <div class="box3"></div>
</div>

.container{
     width:600px;
     height:600px;

.box1
     width:200px;
     height:200px;
     display:inline-block;

.box2
     width:200px;
     height:200px;
     display:inline-block;

.box3
     width:200px;
     height:200px;
     display:inline-block;

Answer 2

由于您已经在使用 javascript 使登录框可见，因此该登录框的位置可以动态给出为：

$("#logo").on("click", function () {
    alert("test");

    $("#logowanie").css({
        "display": "block",
      "left":$("#srodek").offset().left + 
          970
      + "px"
    });
});

这是工作副本：http: //jsbin.com/efeler/1