文档章节

height:100%;怎样才会有效果

cobish
 cobish
发布于 2015/04/13 22:47
字数 127
阅读 43
收藏 0

1、让div高度100%起作用,必须给它的父级标签也设置height:100%。

<html style="height: 100%;">
    <body style="height: 100%;">
        <div style="height: 100%;">
            <p>这样这个div的高度就会100%了</p>
        </div>
    </body>
</html>


2、该方法注意事项:

  • 高度100%的div如果设置了高度上的margin和padding,页面就会出现滚动条,div高度变得比100%还大。

  • 如果div的实际高度高于设置的100%,div的高度会自动扩展。


© 著作权归作者所有

共有 人打赏支持
上一篇: 前端编码规范
下一篇: css布局问题
cobish
粉丝 33
博文 150
码字总数 45747
作品 0
深圳
私信 提问
谁能帮我解释下VS2010中以下代码的含义?

大体含义我知道,是当点击时弹出页面,但具体怎样实现的,还请指教: .aspx文件 管理员用户管理 脚本文件 function showTab(url, title) { var tab = $('#tab'); if (tab.tabs('exists', tit...

嵇智
2012/11/13
144
2
图片垂直居中(2015-12-11更新)

#main{ position:fixed; height:80%; width:100%; top:10%;}.c,.p{ border:1px #000 solid; width:20%; height:80%; float:left; font-size:0;/去掉字符间距/ text-align:center;}.c>img:fir......

一行代码
2015/12/03
79
0
position:relative和absolute以及css height

position属性 <无论怎样设置 始终文字框都无法紧贴浏览器边框……剩下的缝隙简直诱发强迫症 body { overflow: hidden;} .container{position:relative; z-index:998; padding:2rem;top: 0px...

phala
2015/07/31
0
0
CSS定位问题(3):相对定位,绝对定位

引子: 开始的时候我想先要解决一个问题,怎么设置一个div盒子撑满整个屏幕? 看下面的html代码: XHTML 1 2 3 4 5 <body> <div id="father-body"> <div class="item1"></div> </div> </bod......

-鹏
2016/05/04
58
0
input元素浮动被挤下来

为什么红色的输入框被挤下来,而不是和黄色的按钮重叠在一行,怎样才能在红色框设置100%时候,黄色按钮和红色框在一行并浮动在右边

vbphp爱好者
2017/02/19
240
3

没有更多内容

加载失败,请刷新页面

加载更多

Spring源码学习笔记-1-Resource

打算补下基础,学习下Spring源码,参考书籍是《Spring源码深度解析》,使用版本是Spring 3.2.x,本来想试图用脑图记录的,发现代码部分不好贴,还是作罢,这里只大略记录下想法,不写太细了 ...

zypy333
今天
10
0
RestClientUtil和ConfigRestClientUtil区别说明

RestClientUtil directly executes the DSL defined in the code. ConfigRestClientUtil gets the DSL defined in the configuration file by the DSL name and executes it. RestClientUtil......

bboss
今天
17
0

中国龙-扬科
昨天
2
0
Linux系统设置全局的默认网络代理

更改全局配置文件/etc/profile all_proxy="all_proxy=socks://rahowviahva.ml:80/"ftp_proxy="ftp_proxy=http://rahowviahva.ml:80/"http_proxy="http_proxy=http://rahowviahva.ml:80/"......

临江仙卜算子
昨天
11
0
java框架学习日志-6(bean作用域和自动装配)

本章补充bean的作用域和自动装配 bean作用域 之前提到可以用scope来设置单例模式 <bean id="type" class="cn.dota2.tpye.Type" scope="singleton"></bean> 除此之外还有几种用法 singleton:......

白话
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部