• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
只是向上走
采菊东篱下,悠然见南山。
博客园    首页    新随笔    联系   管理    订阅  订阅
CSS Frames Layouts-----CSS框架

 

New (Dec 26th, 06'): The following are a collection of CSS Frames layouts, where select columns or rows inside the layout remain static even when the page is scrolled, mimicking a frames like behavior.

CSS Left Frame Layout
CSS Left Frame Layout
This is a two columns liquid layout with the left column being static, always in view.
CSS Right Frame Layout
CSS Right Frame Layout
This is a two columns liquid layout with the right column being static, always in view.
CSS Top Frame Layout
CSS Top Frame Layout
This is a two rows liquid layout with the top row being static, always in view.
CSS Bottom Frame Layout
CSS Bottom Frame Layout
This is a two rows liquid layout with the bottom row being static, always in view.
CSS Left and Right Frames Layout
CSS Left and Right Frames Layout
This is a three columns liquid layout with the leftmost and rightmost columns being static, always in view.
CSS Left and Top Frames Layout
CSS Left and Top Frames Layout
This is a mixed columns and rows layout (two main columns, later split into two rows), with the leftmost column and top row being static, always in view.
CSS Left and Bottom Frames Layout
CSS Left and Bottom Frames Layout
This is a mixed columns and rows layout (two main columns, later split into two rows), with the leftmost column and bottom row being static, always in view.
CSS Top and Bottom Frames Layout
CSS Top and Bottom Frames Layout
This is a three rows liquid layout with both the top and bottom rows being static, always in view.
CSS Left, Top and Right Frames Layout
CSS Left, Top and Right Frames Layout
This is a mixed columns and rows layout (three main columns, middle column split into two rows), with everything being static except the bottom row in the middle column.
CSS Left, Bottom and Right Frames Layout
CSS Left, Bottom and Right Frames Layout
This is a mixed columns and rows layout (three main columns, middle column split into two rows), with everything being static except the top row inside the middle column.
CSS Left, Top and Bottom Frames Layout
CSS Left, Top and Bottom Frames Layout
This is a mixed columns and rows layout (two main columns, later split into three rows), with everything being static except the center row in the right column.
CSS Left, Top, Bottom and Right Frames Layout
CSS Left, Top, Bottom and Right Frames Layout
This is a mixed columns and rows layout (three main columns, middle column split into three rows), with all of the surrounding columns and rows being static, except the very center container.


 
posted on 2009-10-18 23:02  jes.shaw  阅读(409)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3