文档章节

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的高度会自动扩展。


© 著作权归作者所有

共有 人打赏支持
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
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
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
input元素浮动被挤下来

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

vbphp爱好者
2017/02/19
95
3

没有更多内容

加载失败,请刷新页面

加载更多

Java动态代理之InvocationHandler最简单的入门教程

网上关于Java的动态代理,Proxy和InvocationHandler这些概念有讲解得非常高深的文章。其实这些概念没有那么复杂。现在咱们通过一个最简单的例子认识什么是InvocationHandler。值得一提的是,...

JerryWang_SAP
4分钟前
0
0
oracle 在 MyBatis 中使用 like

两种使用方法 使用oracle自带 || 拼凑的方式 <if test="userName!=null and userName!=''"> AND u.USER_NAME like '%' || #{userName} || '%' </if> 使用MyBatis的$符号的方式 <if test="us......

karma123
10分钟前
0
0
带接口的webservice方式发布

package cn.it.ws.e;import javax.jws.WebService;/** * 面向接口的webservice发布方式 * @author Administrator * */@WebServicepublic interface JobService {publi...

江戸川
26分钟前
0
0
day122-20181020-英语流利阅读-待学习

蜘蛛侠新片《毒液》来袭!导演灵感来自哪? Roxy 2018-10-20 1.今日导读 你还记得漫威宇宙中飞檐走壁的蜘蛛侠小可爱吗?在刚过去的国庆黄金周里,索尼影业发行的漫威超级英雄蜘蛛侠系列大片《...

飞鱼说编程
36分钟前
2
0
美团点评Docker容器管理平台

美团点评容器平台简介 本文介绍美团点评的Docker容器集群管理平台(以下简称“容器平台”)。该平台始于2015年,是基于美团云的基础架构和组件而开发的Docker容器集群管理平台。目前该平台为...

Skqing
42分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部