我正在寻找一种使用CSS或任何其他可以容纳设计和实现的方法来实现布局的方法。
" top"部分是固定区域。 "左边"区域将是一个文本链接列表,其目标是" main"区域。更具体地说,配置文件的链接列表将位于" left"区域,我希望相关的配置文件显示在" main"区域。
我可以使用框架,但由于它不是最好的方式或HTML5不支持,我想要一些其他替代方案。有什么想法吗?
答案 0 :(得分:1)
您可以在CSS中将某些元素设置为position: fixed;
来完成此操作。例如,为顶部创建一个div,为侧边栏创建一个div,在CSS中为position: fixed;
设置。
你的主区域div只是一个普通的div,它将与正常的身体一起滚动。
这很简单,适用于所有主流浏览器(我认为不包括某些移动浏览器)。
不需要jQuery或Javascript。您可以在主要区域使用PHP include等内容。
<强>更新强>
您还可以制作固定尺寸的DIV并添加属性overflow: scroll
;得到类似的结果。
答案 1 :(得分:1)
看一下史蒂夫桑德森博客文章:
http://blog.stevensanderson.com/2011/10/05/full-height-app-layouts-a-css-trick-to-make-it-easier/
答案 2 :(得分:0)
是的......你可以使用jquery和load()函数,因为我认为你只使用HTML而不是serveridescriting。
答案 3 :(得分:0)
你不需要Frames,如果你不喜欢,你不需要任何重载或AJAX。 将所有HTML放在一个页面上。 把你的头,侧面和内容放在不同的div容器中。 使用style.display =“none”或style.display =“”来控制左侧的哪个链接打开内容区域中的哪个div ...
或者,您可以使用AJAX获取配置文件的内容。
我不知道,如果这个答案对你来说足够好,因为我不知道你的JavaScript知识。