css 让div 的高度和屏幕的高度一样

<html>
<head>
<title>无标题文档</title>
<style type="text/css">
html,body{height:100%; width:100%; overflow:hidden; margin:0;
padding:0;}
.main{width:100%; height:100%; overflow:hidden; margin:0;
padding:0;}
.a1{width:100%; height:80px; color:#fff;
background-color:#369; text-align:center;}
.a2{width:100%; height:100%; color:#fff;
background-color:#FF0000; text-align:center;"}
</style>
</head>
<body>
<div class="main">
<div
class="a2">div2</div>
</div>
</body>
</html>

转载于:https://www.cnblogs.com/ch-zaizai/p/6322751.html

css 让div 的高度和屏幕的高度一样相关推荐

html宽度自适应怎么调整li超出隐藏,HTML篇之CSS样式——div ul li 嵌套后解决高度自适应方法...
方法一: div 自适应宽度很简单 ,你应该设置div的display:inline-block 然后不要设置宽度就行了方法二: div ul li 嵌套后解决高度自适应办法: html代码如下 ...
一个初级前端结合css、div谈一谈屏幕尺寸、分辨率、缩放概念题
写在前面: 本文作为本人学习总结之用,同时分享给大家~ 个人前端博客网站:https://zhangqiang.hk.cn 欢迎加入博主的前端学习qq交流群::706947563,专注前端开发,共同学 ...
如何用css实现div高度自适应占满屏幕
如何用css实现div高度自适应占满屏幕不能使用准确的px值,应该用%作为尺寸的单位. 在样式表中将html,body的高度height设置为100% 在要需要站满屏的div设置width:100% ...
html div 自动适应屏幕,css怎么让高度自适应屏幕高度？
在一个DIV中有多个未知高度的子元素DIV,怎样通过CSS实现子元素div同高或怎样实现同行div按照内容最多的那个设置高度.下面我们来看一下css设置高度自适应屏幕高度的方法. 首先,我们刚开始设计 ...
div+css中设置了float属性后如何让外层的高度随着内层的高度大小自动调整
overflow:hidden这个CSS样式是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出,而对于清除浮动这个含义不是很了解. 一提到清除浮动,我们就会想到另外一个CSS样式 ...
html 高度不够,HTML/CSS：Div未扩展到内容高度
我有几个未扩展的div元素以匹配其内容的高度.我已经读过,这可能是由浮动内容引起的;这个内容不是浮动的 - 虽然我开始觉得我应该把我的电脑扔在河里.这算不算?HTML/CSS:Div未扩展到内容高度 ...
[css] 怎么让body高度自适应屏幕？为什么？
[css] 怎么让body高度自适应屏幕?为什么? 为何只设置body{height:100%}不行? height:100%是相对于父元素来说的,如果只设置body的高度属性,由于其父元素是html ...
css div撑满窗口高度_如何使用CSS将div的高度设置为窗口的100％？
css div撑满窗口高度 Introduction: 介绍: Hello there developers! Well, certainly if you are reading this arti ...
css 控制div高度自适应浏览器的高度
css 控制div高度自适应浏览器的高度 1 <html> 2 <head> 3 <style> 4 #myTable{height:100%;border:sol ...

css 让div 的高度和屏幕的高度一样

css 让div 的高度和屏幕的高度一样相关推荐

最新文章

热门文章