Fatal编程技术网
  • html/
  • Html can'；你不能完美地在一个div中设置一个div吗？

Html can'；你不能完美地在一个div中设置一个div吗？

html css

Html can'；你不能完美地在一个div中设置一个div吗？,html,css,Html,Css,这是我的 我的包装器div没有在第二个div中呈现 我试图在第二个div中放置一个div，但是包装器div是在第二个div的上面创建的 我找不到窃听器。有人能帮忙解决这个问题吗 body { margin:0px; } .homebar { height:40px; background-color:#242c3c; display:block; } #nicebody { display:block; min-width:960px; } #wrapperdiv { border:3p

这是我的

我的包装器div没有在第二个div中呈现

我试图在第二个div中放置一个div，但是包装器div是在第二个div的上面创建的

我找不到窃听器。有人能帮忙解决这个问题吗

body {
margin:0px;
}

.homebar
{
height:40px;
background-color:#242c3c;
display:block;

}
#nicebody
{
display:block;
min-width:960px;
}

#wrapperdiv
{

border:3px solid green;
height:28px;
width:163px;

}
我的家.aspx

<body id="nicebody" class="goodstyle" data-twttr-rendered="true">
<form id="form1" runat="server">
  <div class="homebar"></div>
  <div id="logo" style="left:225.5px;">
      &nbsp;<a class="home">SGIPC</a></div>
    <div id="nav" style="top:45px; left: 0px;">

      <div id="seconddiv">

          <div id="wrapperdiv"></div>

      </div>

</form>
</body>


SGIPC
它实际上是在
div#seconddiv
-->我给它的位置是：相对；顶部：200px；大概

检查它：

您只需要定位它，但我建议使用边距，而不是position+top。

我想将css Float:left；对于div#seconddiv和#wrapperdiv

下面的lky

CSS:

建议做一个测试，同时尽量缩小你的代码范围，这样它将只显示特定的问题。这太长了，float:left不起作用。我想要第二个div右边有绿色边框的div。但是它显示在第二个div上面。。检查：[如果你把float:left放在两个元素'na中，那么wrapperdiv肯定在seconddiv dude中..我使用了position:relative和top:200px，它对我有效..但是float:left不起作用..为什么？我不明白..如果你使用position:relative或absolute…那么float:left；不会起作用“使用边距而不是position+top”我不能清楚地理解它..请解释一下..看看我提供的JSFIDLE示例。看到绿色边框了吗？这是您的div。我通过使用
位置：relative
和
top:104px
-两个我设置的新CSS规则将其向下移动，使其可见。尽管这些规则可以很容易地替换为
页边距顶部：104px
最有可能做同样的事情，而且更干净一点。 
#seconddiv { float:left; }

#wrapperdiv{
   float:left;
   border:3px solid green;
   height:28px;
   width:163px;
}