文章/答案/技术大牛

发布

社区首页 >问答首页 >Div靠近div容器

问Div靠近div容器
EN

Stack Overflow用户

提问于 2013-06-25 02:32:44

回答 2查看 482关注 0票数 0

我创建图片，我必须这样做。我有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;
}

css

html

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-06-25 03:10:22

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

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

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

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

票数 0

Stack Overflow用户

发布于 2013-06-25 02:47:43

我不太确定你所要求的是什么，但我认为你正在尝试定位一些div标签。所以当你有了你的容器，比方说600 x 600像素，如果你想把3个盒子(div标签)放在顶行，每个200像素，那么你的代码应该在css表单中使用display:inline-block；来锁定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;

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/17282521

复制

相似问题

问Div靠近div容器
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Div靠近div容器EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Div靠近div容器
EN