CSS设置DIV高度百分之百及后台系统界面布局-白红宇的个人博客

发布日期：2021-05-07 01:02:53 浏览次数：22 分类：原创文章

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

html,body{    height: 100%;margin: 0;padding: 0;}

<div style="width: 220px;background:#0a6aa1;height: 100%;float:left;"></div><div style="margin-left: 230px;background:#ff66cc;height: 100%;padding-top:50px;overflow:auto;color:#ffffff;"></div>

要实现最外层div高度为100%（百分之百），关键对html和body要设置高度100%,如果只设置html和body标签其中一个高100%，也是无法实现body内第一个盒子高度100%的。但犹豫body默认有一定margin值，但设置body高度height 100%后，浏览器就会出现滚动条，所以可以对body设置margin为零，去除间距实现div height 100%也无滚动条效果。

上一篇：[AT165E]Rotation Matching

下一篇：[CF1278F]Cards

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

推荐文章

sleep、wait、yield、join——简介 2021-05-08

web项目配置 2021-05-08

VTK：Medical之MedicalDemo2 2021-05-08

c语言(基本数据类型)实参与形参传值用汇编理解 2021-05-08

基于单片机可控音乐流水灯控制设计-全套资料 2021-05-08

基于单片机简易信号误差分析设计-全套资料 2021-05-08

基于单片机简易脉搏测量仪系统设计-毕设课设资料 2021-05-08

并发框架下的“基础类型”——浅析基本类型、ThreadLocal、原子类的线程安全机制 2021-05-08

VHDL代码风格 2021-05-08

图像处理系列1.skimage 2021-05-08

Object Clone 2021-05-08

Javascript中String支持使用正则表达式的四种方法 2021-05-08

2021年判断浏览器最新写法，你都掌握了吗？ 2021-05-08

【IoT】蓝牙BLE基础：CC254x通信系列之模拟SPI协议 2021-05-08

【IoT】TI BLE CC2541 串口控制蓝牙详解 2021-05-08

【产品】项目管理的五个过程和九大知识领域之二 2021-05-08

【项目管理】项目管理流程浅析 2021-05-08

【Tool】如何使用 Uniflash 烧写 WIFI 芯片 CC3200 2021-05-08

copy_{to, from}_user()的思考 2021-05-08

Web前端安全策略之CSRF的攻击与防御 2021-05-08

白红宇的个人博客 - 记录点点滴滴的事 - 您是第 457361229 位访客

发表评论

最新留言

关于作者

推荐文章