CSS 后台布局实例
admin
2023-08-01 13:42:59
0次

下面的例子是一个简单的布局


最上面是header,左边是一个logo(老男孩),右边是用户的登录信息


中间一大块是内容,内容左侧是菜单,右侧是具体的内容


CSS 后台布局实例


代码如下:


body的margin为0,确保边上全部填满

absolute 确保位置不变; 注意如果他的父级标签有relative,他相对于这个父级标签的位置不变,否则相对于body的位置不变

overflow 在内容超过标签范围之后会自动加个滚轮

font-awesome插件可以使用现成的小标签


    
    
    
    
Title    
    
    
    
    
    
    
老男孩    
                              我的资料     注销    
    
               5     
              
    
          a
                         asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    
    
    
    
         


效果如下


上一篇:select自定义小三角样式

下一篇:科普小程序麻将辅助透视脚本,吉祥麻将填大坑挂件辅助,揭秘内幕有挂提高胜率

相关内容

热门资讯

空调连续工作多久需要停机休息 空调连续工作的时间取决于多个因素,包括空调的型号、功率、使用环境和维护情况等。一般来说,空调可以连续...
空调哪个符号是除湿的 空调除湿功能通常用一个水滴形状的符号表示。不同品牌和型号的空调遥控器可能会有所差异,但一般来说,除湿...
格力空调多长时间加一次氟利昂 1、一般情况下,空调对氟利昂的使用量是非常小的,所以在空调使用了四年左右的时候再考虑加也没问题。2、...
空调用多长时间需要加氟一次 一般情况下是五年。当出现以下这几种情况时,空调才需要加氟。1、空调的室内机和室外机各有两个接口,当接...
格调生活·C标思享荟:卡萨帝在... 9月12日的郑州龙湖金融岛,夜风轻拂,灯光璀璨。“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑...
品牌价值破千亿、高端份额持续领... 9月12日,“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑州站”在郑州龙湖金融岛举办。2026...
空调主板坏了修800还是换新的 空调主板坏了是修还是换新,需要考虑多个因素,以下是一些建议:1. 维修成本:如果维修费用较低,比如 ...
空调开多久需要休息多长时间 问题:空调开多久需要休息多长时间回答:1、在使用空调的过程中,一般空调开7~8个小时左右需要休息2~...
中央空调多长时间清洗一次 1、一般空调开机前清洗一次即可,空调开机中间时段再清洗一次,空调关机时清洗一次,这样比较合理。2、空...
中央空调氟利昂多久加一次 看空调制热和制冷程度,很多人的观点认为氟利昂必须一年放一次,其实这个观点是错误的,理解上面有点偏差,...