css实现容器高度 适应 屏幕高度

原创 2016年08月30日 17:16:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
*{ padding:0; margin:0}
body,html{ height:100%;}
#box{ width:500px; margin:0 auto; outline:1px solid #F00; height:100%;}
</style>
</head>

<body>
     <div id="box"></div>
</body>
</html>

要点1:设置box的高度height:100%;
要点2:设置body,html的高度height:100%; 
版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

html css div自适应屏幕宽度,高度

做C/S项目其实最让人蛋疼的无非就是兼容问题,各种浏览器的不兼容外还有div+css不科学的显示问题。所以针对div+css窗口最大化、缩小的自适应加以解决。   New ...

css获取屏幕高度、宽度

网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offse...

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

html css div自适应屏幕宽度,高度

<!-- .DivTop, .DivBottom, .DivMainLeft, .DivMainRight {border:1px solid #ff0000} .DivBottom {c...

css实现自适应屏幕高度

body,html{ margin:0px; height:100%; } .autoHeight{ width:100%; height:100%; bac...

怎么让Html的高度自适应屏幕高度

在写css静态页面的时候让Html的高度自适应屏幕高度是一个常见的需求,比如你有一个需要置底的bottom按钮,需要在内容不足一屏的时候显示在屏幕的底部,在内容超过一屏的时候显示在所有内容的底部。 效...

CSS根据屏幕分辨率宽度自动适应的办法

CSS根据屏幕分辨率宽度自动适应的办法   第一种办法是JS选择CSS if (screen.width == 640) { document.write('');...

将Oracle中的GUID转换为字符串输出函数

Oracle中guid属于Raw(16)类型, 查询的时候如果不使用下面的函数, 程序中得到的是数组(byte[]). 在extjs环境下, 会带来数组的反序列化问题(newtonsoft.json)...

CSS让内部容器高度随着父容器高度变化的解决办法

使用position绝对定位属性来实现CSS内部子容器高度随着外部父容器高度变化而变化效果,我们在重构页面时间经常会碰到使用一个外部大容器里面放置两个左右浮动容器的布局,有时候为了视觉效果,我们需要让...

[译] 关于CSS中的float和position (父容器div内的子元素div为float时,父元素无法撑开(或高度自适应)的解决方式)

当构建页面排版时,有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求,在不同的情况下,某些方法可能好过于其他的方法。 比如,可以使用若干个浮动元素来构建一个整洁简洁的页面排版。或者,如...

子元素浮动父容器高度不能自适应的CSS解决方法

子元素浮动父容器高度不能自适应的CSS解决方法  网页前端工作者经常会遇到子元素设置float浮动后导致父容器高度不能自适应,也就是俗称的外部容器不能被“撑大”,常见表现为背景或边框...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)