div靠近div容器

时间:2013-06-24 18:32:44

标签: css html

http://s6.ifotos.pl/img/Beztytuuj_nxsqrns.jpg

我创建了pic必须要做的事情。我有div容器页面。我现在在顶部div创建div登录和注册页面。我希望div有登录和注册表格在顶部div附近有帖子。怎么做?我尝试浮动:左右绝对绝对固定的亲戚,没有任何帮助。 我的div容器css

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

和div登录

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

2 个答案:

答案 0 :(得分:0)

不太确定你要求的是什么,但我认为你正试图定位一些div标签。所以当你有你的容器时,让我们说600 x 600 px,如果你想在顶行放置3个盒子(div标签),每件200 px,那么你的代码应该使用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;

答案 1 :(得分:0)

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

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

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

以下是工作副本:http://jsbin.com/efeler/1