博客
关于我
强烈建议你试试无所不能的chatGPT，快点击我
圣杯布局
阅读量：6832 次
发布时间：2019-06-26

本文共 588 字，大约阅读时间需要 1 分钟。

意指用最少的代码实现到兼容Ie6的现代布局

效果如图所示，用到了浮动负边距和相对定位三种知识

代码如下

     
     圣杯布局   
     
      头部
     
 
     
      
       
主内容栏自适应宽度
      
 
      
       
侧边栏固定宽度
      
     
 
     
      
       
主内容栏自适应宽度
      
 
      
       
侧边栏固定宽度
      
     
 
     
      
       
主内容栏自适应宽度
      
 
      
       
侧边栏1固定宽度
      
 
      
       
侧边栏2固定宽度
      
     
 
     
      
       
主内容栏自适应宽度
      
 
      
       
侧边栏1固定宽度
      
 
      
       
侧边栏2固定宽度
      
     
 
     
      
       
主内容栏自适应宽度
      
 
      
       
侧边栏1固定宽度
      
 
      
       
侧边栏2固定宽度
      
     
 
     
      底部

 

转载于:https://www.cnblogs.com/myzsy/p/6148503.html

你可能感兴趣的文章
#import </usr/include/objc/objc-class.h> not such file or directory问题的解决方法
查看>>
集装箱项目
查看>>
C#中的Action<>和Func<>
查看>>
关于opencv中人脸识别主函数的部分注释详解。
查看>>
SQLServer内核架构剖析 （转载）
查看>>
Android 风格化的 Toggle Buttons
查看>>
Eclipse中SVN的安装步骤（两种）和用法
查看>>
安全运维之：网络实时流量监测工具iftop
查看>>
在 Windows上配置NativeScript CLI
查看>>
ubuntu14.04 qt4 C++开发环境搭建
查看>>
iOS 通讯录-获取联系人属性
查看>>
HTML5 文件域+FileReader 读取文件(一)
查看>>
有return的情况下try catch finally的执行顺序
查看>>
OSI七层模型具体解释
查看>>
9.中位数与顺序统计量
查看>>
第二章 知识图谱——机器大脑中的知识库
查看>>
Android 从清单配置文件元数据中获取值
查看>>
UML用例图
查看>>
Bitmap基本概念及在Android4.4系统上使用BitmapFactory的注意事项
查看>>
Objective-C：MRC(引用计数器)获得对象所有权的方式(init、retain、copy等)
查看>>
喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！-- 愿君每日到此一游！
当前时间: 2025-01-31 14:48:25   当前IP: 3.15.203.195   联系邮箱:javaeecc@qq.com     Copyright © 2020 - 2022 baihongyu.com 京ICP备2021015314号-2
强烈建议你试试无所不能的CHAT-GPT，快点击我
强烈建议你试试无所不能的CHAT-GPT，快点击我