一个div自动充满当前屏幕的解决方法

方法一(先写一种呵呵呵)

html

<body>
    <div class="box1">
    </div>
</body>

css

*{
      margin:0;
      padding:0;
 }
 body,html{
      height:100%;
      padding:0;
      margin:0;
      text-align: center;
      font-size:20px;
      font-family: Cambria, Cochin, Georgia, Times, ‘Times New Roman‘, serif
 }
.box1{
      height:100%;
      background: rgb(104, 204, 247);
 }

高度的100%是要相对上一级元素而言的,所以只对body设置100%是没用的,因为上层还有个html标签啊!! 

原文地址:https://www.cnblogs.com/tanghm/p/9268451.html

时间: 2024-10-11 07:23:37

一个div自动充满当前屏幕的解决方法的相关文章

设置一个DIV块固定在屏幕中央(两种方法)

设置一个DIV块固定在屏幕中央(两种方法) 方法一: 对一个div进行以下设置即可实现居中. <style> #a{ position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; } </style> <!doctype html> <html lang="zh-cn"> <head> <meta charset="UT

iphone 浏览器自动解析数字为号码解决方法

iphone 浏览器自动解析数字为号码解决方法 www.MyException.Cn  网友分享于:2015-10-09  浏览:0次 iphone 浏览器自动解析数字为号码解决办法 在工作中遇到了这么一个问题 —— 在HTML代码中有一部分数字,设定的样式为“白色”,在android 浏览器 和 PC web中显示都是正常的,但是在iphone浏览器中先显示为白色,之后有变为“黑色”,在点击这串数字的时候,显示为拨打电话界面. 分析: 根据上图展现的方式说明“1234-5678-9999”添加

CSS让2个DIV在同一行显示的解决方法

在CSS中,div属于块级元素,每个块级元素默认占一行高度,一行内添加一个块级元素后无法一般无法添加其他元素(float浮动后除外).两个块级元素连续编辑时,会在页面自动换行显示.所以默认情况下,2个div是无法显示在同一行的,必须通过样式属性去修改. 解决方方法1:display:inline,将其变成行级元素,这样2个div就会排在同一行. <div style="width:400px;height:300px;?border-width:1px;border-style:solid

网页宽度自动适应手机屏幕宽度的方法

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" /> 在网页的<head>中增加以上这句话,可以让网页的宽度自动适应手机屏幕的宽度. 其中: width=device-width :表示宽度是设备屏幕的宽度 initial-scale=1.

解决:IE中不能自动选择UTF-8编码的解决方法

IE中不能自动选择UTF-8编码的解决办法 在windows操作系统上使用IE作为浏览器时.常常会发生这样的问题:在浏览使用UTF-8编码的网页时,浏览器无法自动侦测(即没有设定“自动选择”编码格式时)该页面所用的编码.即使网页已经声明过编码格式: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> ,由此造成某些含有中文UTF-8编码的页面产生空白输出. 问题分析:

sap保存时小写字母自动转大写字母的解决方法

在实际应用中,ABAP保存数据到后台数据库表中时,会自动把前台输入的小写字母自动转换为大写字母来保存,有时候客户可能不需要转换,就需要用到下面的方法: 1.找到对应字段的Data Element,然后进入其Domain界面,查看该Domain的Definition标签页中的Lower Case是否勾上, 如为空,则表示自动转为大写,勾上后系统即不进行自动转换. 2.这是个系统标准的Domain,引用其的Data Element甚多,不可更改,解决方法是新建一Domain,分配给要修改的Data

网页宽度自动适应手机屏幕宽度的方法(借鉴)

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" /> 在网页的<head>中增加以上这句话,可以让网页的宽度自动适应手机屏幕的宽度. 其中: width=device-width :表示宽度是设备屏幕的宽度 initial-scale=1.

两个fragment 同时跳转另外一个fargment ,返回对应的fragment 的解决方法

安卓app主页面为 FragmentActivity,其余页面为fragmnet页面. 主页面  底部导航栏 三个按钮. 点击三个按钮分别跳转不同的  frgment .如果  点击这个三个按钮时,其中两个或者三个再者一个 ,  需要 判断  用户是否登录,(当然跳转的登录页面也是  frgment页面).那么 跳转到登录页面  ,登录成功后 如何返回 主页面  按钮 对应的 fragment  呢? 这里为大家讲解一下  解决方案!当然这仅仅是针对于  本人项目的解决 方法.不过可能对你  有

一个IIS站点配置安全性异常的解决方法

一.错误如下: "/"应用程序中的服务器错误. 安全性异常 说明: 应用程序试图执行安全策略不允许的操作.要授予此应用程序所需的权限,请与系统管理员联系,或在配置文件中更改该应用程序的信任级别. 异常详细信息: System.Security.SecurityException: 请求"System.Web.AspNetHostingPermission, System, Version=2.0.0.0, Culture=neutral, PublicKeyToken=nul