【问题标题】:How can I make a scrollable site with a fixed side bar?如何制作带有固定侧栏的可滚动网站?
【发布时间】:2017-02-05 08:52:15
【问题描述】:

我想做一个如此简单的网站。

我需要一个带有一些链接的固定侧边栏。

我需要一个带有滚动条的主窗口,它只滚动主窗口,而不是完全滚动侧边栏。

我可以在不创建 3、4 或 5 个 div、mains、navs、asides、sections、articles 或其他任何内容的情况下执行此操作吗?

我可以在没有超过 10、20 或 30 行 css 的情况下做到这一点吗?

this answer 中的示例接近我想要的。但是把 38 行的 CSS 写成这么简单的东西似乎很荒谬。

【问题讨论】:

  • 您的请求表明您不了解CSS 的目的。它是一组规则和约定,用于增加维护和更改HTML 元素的视觉方面的能力,与实际标记分开。人们将它写成多行的原因是它保持可读性和可维护性。在生产中,它应该始终被缩小并作为一条线。此外,它完全是可选的。您可以将所有样式规则放在标记中。但可视化规则越多,内联管理就越难。
  • 也许我不太明白。但是如果你搜索,你会发现很多网站解释了为什么 CSS 很烂。可能这只是它固有的问题,就像浏览器不符合标准的可怕习惯一样荒谬。
  • 当一个由数千页组成的网站仅在html 中完成时,你不在这里,一些大人物来找你说:我想要所有标题都是红色的,而不是蓝色的。这意味着在每个页面上进行更改。我为你做了一个真正的spartan layout,没有任何“CSS”。根据您的要求,具有最少的样式规则,但没有“级联样式表”,也不使用类。我希望你喜欢它。 <p>s 不是故意关闭的,遵循同样的基本原则(关闭标签是可选的,当遇到下一个 <p> 标签时浏览器会关闭它。小心。
  • 而且... 如果您搜索,您会发现很多网站...真的吗?这是一个论点吗?您不会找到不使用CSS 的网站。辩论如何? 如果您搜索,您会发现很多网站... 告诉您很多 b*s*,例如让我们炸毁所有人或让我们吃掉孩子。如果我把它作为做任何这些的论据,我会怎么听?也许互联网本身就有问题。还是与人类?我不知道。我真的不知道...
  • 好吧,你理解错了。 CSS 背后的想法很棒。但它的实施方式,以及今天的方式,令人悲伤。我用许多不同的语言编程,也使用了一些脚本语言,但从未见过像 CSS 这样对用户不友好的东西。也许我错了。但是,如果您想要真正的论点,只需尝试我提到的网站之一。谷歌“为什么 CSS 很烂”。你会发现很多论点。

标签: css sidebar


【解决方案1】:

这是您要达到的目标的最低设置: https://jsfiddle.net/jv891nv8/1/

它只是有一个内容 div 和一个

position: fixed

侧边栏。从这里你可以修改为你喜欢的。

【讨论】:

  • 太棒了。但我首先想要左边的侧栏。将left: 0; 更改为right: 0; 是行不通的。我讨厌 CSS 如此违反直觉!
猜你喜欢
  • 1970-01-01
  • 2019-02-03
  • 1970-01-01
  • 2012-04-17
  • 2016-08-31
  • 1970-01-01
  • 2015-09-23
  • 1970-01-01
  • 2013-07-29
相关资源
最近更新 更多