1

我现在正在学习 css，所以你可能知道什么样的问题让我大吃一惊……哈哈哈

好的，我正在尝试将我的网络分成两个 div，如下所示：

在此处输入图像描述

目的是让右侧意识到他的左侧有东西。

左边：

.left-side {
  background: url('../img/mesh.png') #333;
  position: relative; 
  top: 0px;
  margin-left:0px;
  width: 100px;
  height: 100%;
}

右边：问题来了

.right-side {
  position: relative;
  margin-left: 100px;
  top: 0px;
  float: left; /* Trying to detect something at my left */
  height: 100%;
  width: 100%;
}

两者都有相对位置，因为我读过它们应该，也许我错了...

只是为了给您一些上下文，左侧是导航栏，右侧是所有网格和主要内容。

我正在使用引导框架在右侧创建网格，但问题是所有 div 都没有将其父级作为参考。

<html>
<head>
   .....
</head>
<body>
   <div class="left-side">
      <!-- Navbar -->
   </div>
   <div class ="right-side">
      <div class ="container-fluid">
         <!-- etc -->
      </div>
   </div>
</body>
</html>

感谢您阅读本文。我会尝试自己解决这个问题，会收到一些帮助

4

3 回答 3

3

您应该使用 Bootstrap 为您提供的东西，即跨度类。这样的事情呢？

<html>
<head>
   .....
</head>
<body>
   <div class="row-fluid">
       <div class="span3">
          <!-- left side -->
       </div>
       <div class="span9">
          <!-- right side -->
       </div>
    </div>
</body>
</html>
于 2013-03-28T19:13:17.313 回答
1

您可能不需要相对位置。通常最好的用途是当您需要将某些东西绝对定位在其中时 - 即相对于您称为相对的框。

要像这样使用浮点数，您需要设置宽度，并且它们不能设置为 100%。这样做意味着他们占用的空间与容器一样多，在这种情况下，容器看起来就像整个屏幕。这意味着右边的 div 将包裹在左边的下面，因为它不能放在它旁边。首先将左侧设置为宽度 100 像素，将右侧设置为宽度 500 像素，或者类似的东西，然后从那里开始使用它。

并使 left float:left 正如所指出的那样。

于 2013-03-28T19:14:15.947 回答
0

添加float: left;到左侧。因此，t 元素向左移动。

于 2013-03-28T19:14:00.103 回答