首页 > 其他分享 >"layout.html"代码

"layout.html"代码

时间:2024-09-06 20:16:57浏览次数:7  
标签:body layout 48px 代码 color html pg absolute

image-20240906200631253

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
            margin: 0;
        }
        .pg-header {
            height: 48px;
            background-color: coral;
        }

        .pg-body > .menu {
            position: absolute;
            left: 0;
            top: 48px;
            bottom: 0;
            width: 220px;
            background-color: #ddd;
        }

        .pg-body > .body {
            position: absolute;
            left: 220px;
            top: 48px;
            bottom: 0;
            right: 0;
        }
    </style>
</head>
<body>
<div class="pg-header"></div>
<div class="pg-body">
    <div class="menu"></div>
    <div class="body">{% block body %}{% endblock %}</div>
</div>
</body>
</html>

标签:body,layout,48px,代码,color,html,pg,absolute
From: https://www.cnblogs.com/cloud-2-jane/p/18400916

相关文章

  • 汉服女装商城购物主题html网页成品 | html学生网页源码
    文章目录网站主题网站描述网站介绍网站演示学习理念更多干货一、网站主题女装商城网站、女装购物网站、服装商城网站、购物商城网站、电商主题网站、网页设计与制作二、网站描述网页简介:此作品为学生网页设计毕设服装商城购物网页设计题材(汉服,是汉民族的传统服饰。又称......
  • Modern C++——使用分支预测优化代码性能
    大纲[[likely]][[unlikely]]样例应用场景题外参考代码参考资料在C++20中,新引入了一对属性关键字[[likely]]和[[unlikely]],它们用于为编译器提供关于代码分支执行概率的额外信息,以帮助编译器进行更好的优化。这对属性是基于长期实践中开发人员对程序执行路径的深入理解......
  • 常用的hook代码
    //==UserScript==//@namehookxxx//@namespacehttp://tampermonkey.net///@version0.1//@descriptiontrytotakeovertheworld!//@authorYou//@run-atdocument-start//@matchhttps://match.yuanrenxue.cn/match......
  • 使用css和html初步搭建页面
    由于很多html标签在博客中会生效,所以我有时候会简写1.html分为头部head和body.头部中定义标题title2.设置标题使用h1,共有六级为h1~h6.想要设置标题具体颜色要使用css,的style,有三种方式(1)h1color:(2)写一个外部css文件(3)使用设置.同时使用元素选择,ID选择,类选择可以单......
  • 拥抱数智化,JNPF低代码平台如何推动企业转型升级
    随着信息技术的飞速发展,企业面临的市场竞争日益激烈,传统的业务流程和管理模式已经难以满足快速变化的市场需求。数智化转型成为企业持续发展的必由之路。在这一过程中,低代码开发平台扮演了至关重要的角色。本文将探讨JNPF低代码平台如何助力企业拥抱数智化,实现转型升级。什么......
  • 一键解锁企业数智化转型:JNPF低代码平台的实践与应用
    随着信息技术的飞速发展,企业面临的市场竞争日益激烈,数智化转型已成为企业持续发展的必由之路。数智化转型不仅涉及技术层面的革新,还包括业务流程、管理模式以及企业文化等多方面的深刻变革。在这一过程中,低代码平台作为一种新兴的开发工具,正逐渐成为企业实现快速转型的重要推手......
  • git如何回滚代码
     方法一:使用gitreset命令命令可以将当前分支的HEAD指针指向指定的提交,从而回退代码到指定版本。该命令有三种模式:–soft、–mixed和--hard。它们的区别在于回退代码的程度不同。--mixed(默认):将HEAD指针和暂存区都回退到指定提交,但不改变工作区的内容。--soft......
  • 代码大全避免命名冲突的策略
    在编程中,避免全局命名空间的命名冲突是一个重要的考虑,因为这有助于保持代码的清晰和可维护性。以下是一些在不同编程语言中划分全局命名空间和避免命名冲突的策略:C++和C#在C++和C#中,可以使用namespace关键字来组织代码,避免命名冲突。cpp//C++示例namespaceUser......
  • 简单扫雷代码的底层思路和代码分析
     桀桀桀,开始今天的扫雷代码讲解:<一>、要完成一个扫雷代码我们首先要有一个自己的思路,比如下图 我们这篇文章将以这个思路去完成我们的扫雷游戏1.main函数构建菜单(menu)和游戏内容(game) 的函数,放在main函数外进行编写,更加简洁。然后运用switch语句去编写一下,不同选......
  • 一次Java性能调优实践【代码+JVM 性能提升70%】
    这是我第一次对系统进行调优,涉及代码和JVM层面的调优。如果你能看到最后的话,或许会对你日常的开发有帮助,可以避免像我一样,犯一些低级别的错误。本次调优的代码是埋点系统中的报表分析功能,小公司,开发结束后,没有CodeReview环节,所以下面某些问题,也许在CodeReview环节就可以避免......