CSS框架的替代方案

Alternative to frames with CSS?

本文关键字：方案 框架 CSS      更新时间：2023-09-26

我正在寻找一种使用CSS或任何其他可以适应设计和实现的方法来实现布局的方法。

"顶部"是一个固定区域。"左侧"区域将是指向"主"区域的文本链接列表。更具体地说，配置文件的链接列表将在"左侧"区域，我希望相关的配置文件显示在"主"区域。

我可以用框架来做，但由于这不是最好的方法，或者HTML5不支持它，我想要一些其他的选择。有什么想法吗？

看看Steve Sanderson的博客文章：

http://blog.stevensanderson.com/2011/10/05/full-height-app-layouts-a-css-trick-to-make-it-easier/

您可以通过在CSS中将某些元素设置为position: fixed;来实现这一点。例如，为顶部创建一个div，为侧边栏创建一个div.在CSS中为position: fixed;设置这些div。您的主区域div只是一个普通的div，它将与普通主体一起滚动。

它真的很简单，适用于所有主流浏览器（我认为不包括一些移动浏览器）。

不需要jQuery或Javascript。你可以在你的主要领域使用PHP include之类的东西。

更新您还可以制作具有固定大小的DIV，并添加属性overflow: scroll；以获得类似的结果。

是。。。您可以使用jquery和load（）函数，因为我认为您只使用HTML而不使用服务器端脚本。

您不需要Frames，如果您不喜欢，也不需要任何重载或AJAX。将所有HTML放在一页上。将头部、侧面和内容物放入不同的div容器中。使用style.display="none"或style.display="控制左侧的哪个链接打开内容区域中的哪个div。。。

或者，您可以使用AJAX获取配置文件的内容。

我不知道，这个答案对你来说是否足够好，因为我不知道你的JavaScript知识。

相关文章：