Html 如何在CSS中实现固定的左侧边栏和流畅的右侧内容

我头痛如何使我的液体内容物向右浮动

左侧边栏的大小是固定的

正确的内容是流体大小

这里还有我的

html

和

css

---

如何使我的

id=“content”

在右侧浮动？

在内容上设置边距并删除浮动/宽度，如下所示：

HTML:

不要在内容上使用100%宽度

---

70%有效，但这两个元素之间的差距很小。不过，你可以调整它，使它更合适。

事实上，我不久前发现了一个更简单的解决方案。可以很好地追溯到IE7。#fluid div将在固定固定点旁边向上滑动，并占用剩余空间，同时为所有响应站点保持良好的流动性。根本不需要在流体分区上放置浮子或宽度

---

您应该将其设置为：

sidebar{ width:100px; float: left}

---

可能是可怕的梅德尔的复制品。所以100%的宽度并不重要？在这种情况下，你不需要它，因为你设置了一个左边距。如果我们有不同的显示器尺寸，怎么样？它仍然应该适当调整。这实际上是更好的解决方案。两年前我在前端工作时不知道这一点。

#wrapper {
    width:400px;
    overflow:hidden;
    padding:10px;
}
#sidebar {
    float:left;
    width:100px;
}
#content {
    margin: 0 0 0 100px;
}
div {
    border:1px solid #333;
}

#sidebar {
  float:left;
  width:100px;
}
#content {
  overflow:hidden;
}

sidebar{ width:100px; float: left}