Html CSS左侧和右侧
我现在正在学习css，所以你可能知道什么样的问题正试图打击我的头脑。。。哈哈哈 好的，我试着将我的网络分成两个部分，如下所示： 这样做的目的是让右翼意识到他左边有东西 左侧：Html CSS左侧和右侧,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我现在正在学习css，所以你可能知道什么样的问题正试图打击我的头脑。。。哈哈哈 好的，我试着将我的网络分成两个部分，如下所示： 这样做的目的是让右翼意识到他左边有东西 左侧： .left-side { background: url('../img/mesh.png') #333; position: relative; top: 0px; margin-left:0px; width: 100px; height: 100%; } 右方：问题出在这里 .right-
.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%;
}
<html>
<head>
.....
</head>
<body>
<div class="left-side">
<!-- Navbar -->
</div>
<div class ="right-side">
<div class ="container-fluid">
<!-- etc -->
</div>
</div>
</body>
</html>
谢谢你阅读这篇文章。我会尝试自己解决这个问题，一些帮助会得到很好的回报您应该使用Bootstrap提供给您的东西，即跨类。像这样的怎么样
<html>
<head>
.....
</head>
<body>
<div class="row-fluid">
<div class="span3">
<!-- left side -->
</div>
<div class="span9">
<!-- right side -->
</div>
</div>
</body>
</html>
您应该使用Bootstrap提供给您的东西，即跨类。像这样的怎么样
<html>
<head>
.....
</head>
<body>
<div class="row-fluid">
<div class="span3">
<!-- left side -->
</div>
<div class="span9">
<!-- right side -->
</div>
</div>
</body>
</html>
添加浮动：左；在左边。因此，元素向左移动。添加float:left；在左边。所以，元素向左移动。您可能不需要相对位置。通常，最好的用法是当你需要将某个东西绝对地放在它里面的时候——也就是说，相对于你称之为相对的盒子 要像这样使用浮动，需要设置宽度，但不能设置为100%。这样做意味着它们占用了与容器一样多的空间，在这种情况下，容器看起来就像整个屏幕。这意味着右div将在左div下方缠绕，因为它不能放在它旁边。首先将左边的宽度设置为100px，右边的宽度设置为500px，或者类似的东西，然后从那里开始玩
并使左浮动：如前面所指出的左。您可能不需要相对位置。通常，最好的用法是当你需要将某个东西绝对地放在它里面的时候——也就是说，相对于你称之为相对的盒子 要像这样使用浮动，需要设置宽度，但不能设置为100%。这样做意味着它们占用了与容器一样多的空间，在这种情况下，容器看起来就像整个屏幕。这意味着右div将在左div下方缠绕，因为它不能放在它旁边。首先将左边的宽度设置为100px，右边的宽度设置为500px，或者类似的东西，然后从那里开始玩
并使左浮动：如所指出的左。顶部：0px；在相对定位的元素上不做任何事情。你的意思是让他们两个都处于绝对位置吗；？左栏必须有一个固定的宽度（比如可以指定为一个数字，一个单位）才能起作用。谢谢，绝对值在左侧起作用，但是右栏呢，我给了它一个左边距，但我认为还有另一个更好的方法。左边距也很好，但不要使用宽度：100%。我会亲自设定立场：绝对；左：；排名：0；右：0；，虽然但是，如果Bootstrap提供了这样做的方法，那么显然它确实提供了这样做的方法。谢谢：建设性的，直截了当的，再次感谢您的耐心。拥有top:0px；在相对定位的元素上不做任何事情。你的意思是让他们两个都处于绝对位置吗；？左栏必须有一个固定的宽度（比如可以指定为一个数字，一个单位）才能起作用。谢谢，绝对值在左侧起作用，但是右栏呢，我给了它一个左边距，但我认为还有另一个更好的方法。左边距也很好，但不要使用宽度：100%。我会亲自设定立场：绝对；左：；排名：0；右：0；，虽然但是，如果Bootstrap提供了这样做的方法，那么显然它确实提供了这样做的方法。谢谢：建设性的，直截了当的，再次感谢你的耐心。这与宽度有关：100%。如果没有它，它也无法跨越正确的宽度。这会随着宽度的增加而中断：100%。如果没有它，它也不能跨越正确的宽度。谢谢，也许我错了，但是跨度9不会限制像素？对不起，我不知道如何用英语解释自己。我的意思是，我想给右边的一切，但左边的需要。是的，这就是它将如何工作，当你使用世界其他地区的液体。试试看是否是你想要的。谢谢，它起作用了哈哈。我将第一个跨距改为第1跨距，第二个跨距改为第11跨距。是吗？。除此之外，这是一个大问题保持简单愚蠢！：是的，您可以将跨度的大小更改为您想要的任何大小，只要它们加起来是12。完成：不会再次发生Hanks，也许我错了，但是跨度9不会限制像素？对不起，我不知道如何用英语解释自己。我的意思是，我想给右边的一切，但左边的需要。是的，当你
使用row流体。试试看是否是你想要的。谢谢，它起作用了哈哈。我将第一个跨距改为第1跨距，第二个跨距改为第11跨距。是吗？。除此之外，这是一个大问题保持简单愚蠢！：是的，您可以将跨度的大小更改为您想要的任何大小，只要它们的总和为12。完成：不会再次发生