适用于OA的html模板DIV样式

最新推荐文章于 2021-06-28 23:12:18 发布
最新推荐文章于 2021-06-28 23:12:18 发布
阅读量1.5k 收藏
点赞数
分类专栏： HTML
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        *{
            margin:0;
            padding:0;
        }
        .top {
            width: 100%;
            height: 40px;
            background: #000;
            color:#fff;
            position:absolute;
            top:0;
            /*以上设置是重点必须的*/
            text-align:center;
            line-height:40px;
        }
        .bottom{
            width:100%;
            height:40px;
            background:#000;
            color:#fff;
            position:absolute;
            bottom:0;
            /*以上设置是重点必须的*/
            text-align:center;
            line-height:40px;
        }
        .mainBox{
            width:100%;
            position:absolute;
            top:40px;
            bottom:40px;
            /*以上设置是重点必须的*/
        }
        .mainBox .leftBox{
            height:100%;
            width:200px;
            float:left;
            margin-bottom:40px;
            overflow: auto;
            /*以上设置是重点必须的*/
            border:6px solid green;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            text-align:center;
            line-height:40px;
        }
        .mainBox .rightBox{
            height:100%;
            margin-left:220px;
            /*以上设置是重点必须的*/
            border:6px solid crimson;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            overflow: auto;
            text-align:center;
            line-height:40px;
        }
    </style>
</head>
<body>
<div class="top">顶部，高度40px</div>
<div class="mainBox">
    <div class="leftBox">左盒子，固定宽度200px，高度自适应铺满屏幕剩余高度</div>
    <div class="rightBox">右盒子，距离左盒子20px，高度自适应宽度自适应铺满屏幕剩余高度</div>    
</div>
<div class="bottom">底部，高度40px</div>
</body>
</html>
迪信恒昕
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【后台端】OA办公后台管理系统高保真Axure原型模板
Daisy Axure
05-06 4264
本作品为【员工端】OA办公系统移动端高保真Axure原型模板配套的后台管理端原型模版，企业可通过该系统高效地处理办公事务。管理端涵盖了工作台 、日程待办、组织、员工、考勤、薪酬、审批、招聘、绩效、社保公积金、会议、车辆、资产、文档、新闻、公告、合同等管理功能。
html模板是干嘛的,html模板有什么用
weixin_42504619的博客
06-11 1085
html模板渲染引擎有什么作用哈哈,这简单。你定义好一个模板。最简单的例子，例如 {$what} 这只是一个模板。{$what}是数据。此时不知道数据是什么。 渲染引擎的作用就是将“数据”渲染到你的模板里。 比如，我想渲染HelloWorld 那渲染后的结果就变成 HelloWorld 当然这只是最简html里{{}}是什么模板？怎么使用？是从压缩的js里拷出来的也有可能是js代码，CSS布局HT...
OA系统HTML模板
12-25
用jquery.layout.js布局的经典的oa模板，仿照桌面式的布局，有左侧导航树可进行收缩布局，使用tabs选项卡动态添加页面，也可以使用iframe改变路径，页面样式将美工专业修改。用vs2010编译通过，感谢提供素材的网友
专业版oa模板html
11-05
OA办公系统HTML模板 作为素材, 蓝色界面简洁、大气、一个很好的样式,可以直接运行,大部分效果已经存在
oa html5管理系统模板,OA系统html5整站模板 后台模板
weixin_29048309的博客
06-07 1216
【实例简介】非常精美的一套html5的OA系统后台模板，包含登录页面、主页面等。其中包含一整套丰富精美的UI控件：表格、表单、进度条、图标、图表、弹出框、按钮组、下拉框、日期选择框、锁屏等等【实例截图】【核心代码】淡黄色系统管理员OA系统html5整站模板└── bkt_1_dashgumfree├── assets│ ├── css│ │ ├── bootstrap.css│ │...
非常简单的OA 办公系统html模版页参考
11-03
一个比较简单的OA 模板页面， html 制作的，可以参考下
html 模板 抄袭,app.html
weixin_39785150的博客
06-28 129
Plamb - Big Data & Analytics HTML Template 主页 应用超市前沿技术联系方式关于我们登录注册应用商店主页应用商店显...
基于HTML/CSS/JS微信公众号展示页面模板
热门推荐
努力是为了站在万人之中，成为别人的光
01-31 1万+
首先看一下成品 演示页面 https://pai-daxing1.github.io/weixin/ 项目结构： HTML代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" con
OA系统前台框架模板含div+css+html代码
01-22
在这个“OA系统前台框架模板含div+css+html代码”的资源中，我们可以看到它是构建OA系统前端界面的基础元素。这个模板包含了用于展示和交互的HTML结构、CSS样式以及可能的JavaScript脚本，这些都是网页开发中的核心...
一个不错的页面框架，html框架，oa能用到
09-26
html框架 oa用的·界面很漂亮，可以做oa也可以用来学习哦·
精美的OA页面模板
11-25
测试过的一个精美的HTML OA页面模板
OA系统静态demo（html）
12-30
完整的OA系统静态demo，页面简洁。下载后直接访问index.html即可
OA模版HTML 静态页面
11-01
该模板是HTML网页制作的学习模板，很不错的界面哦，快快下载试用
oa项目模板
12-26
实现对数据库的增删改查操作，需要配合数据库文件，可以自己创建一个数据库，包括 id name content pid
OA管理系统后台模板_html_
10-02
《OA管理系统后台模板_html_详解》 在信息化时代，OA（Office Automation）管理系统已经成为企业日常运营不可或缺的一部分。OA系统能够实现工作流程自动化，提高工作效率，降低管理成本。在这个背景下，HTML网页...
企业OA模板
09-23
【企业OA模板】是一款专为企业办公自动化（Office Automation）设计的HTML模板，它结合了现代网页设计技术，如HTML和CSS，为OA项目提供了一套高效、美观且易用的界面设计方案。这款模板以其出色的设计和实用性，成为...
OA页面模板下载
05-23
OA页面模板则是OA系统中用户界面的基础，它定义了用户在使用OA系统时所看到的布局、样式以及交互方式。本资源提供了25套不同的OA页面模板，涵盖了多种标签和组件，适合于不同场景和需求。 首先，我们要了解OA页面...
办公自动化系统OA 后台模板
09-17
【办公自动化系统OA后台模板】是一个专为办公自动化（Office Automation，简称OA）设计的后台界面模板，主要用于提升企业或组织内部工作效率，实现无纸化办公。该模板以HTML和CSS+DIV技术为核心，构建了静态网页结构...
oa管理系统模板html
最新发布
01-16
OA管理系统模板HTML是一种用于快速构建办公自动化管理系统的前端页面规范。这种模板为开发者提供了一套常用页面结构和样式，以便他们可以更加高效地开发出符合OA系统需求的用户界面。 OA管理系统模板HTML通常包含了各种常用的功能组件，比如登录页面、用户管理页面、角色权限页面、公告管理页面、部门管理页面等等。这些页面通常通过HTML、CSS和JavaScript来构建，可以在各种不同的浏览器中进行访问和使用。 使用OA管理系统模板HTML可以帮助开发者节省大量的时间和精力，因为他们无需从零开始构建每个功能页面的样式和结构，只需要根据自己的具体需求进行一些简单的修改和定制即可。同时，使用模板还可以保证整个OA系统的用户界面风格保持一致，增强用户的使用体验。 对于开发者来说，OA管理系统模板HTML还具有可扩展性和可定制性。开发者可以根据系统的需求，自行添加或修改页面组件，增加额外的功能或样式，以满足特定的业务需求。这使得OA系统能够更好地适应不同企业的管理需求。 总之，OA管理系统模板HTML是一种有助于快速构建办公自动化管理系统的前端页面规范。通过使用这种模板，开发者能够更加高效地构建出符合需求的用户界面，提高开发效率，并且保证整个OA系统的用户界面风格保持一致。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值