css设置body高度100%自适应屏幕

发布日期：2017年04月21日文章来源：www.tengways.com

lav dosis naltrexone

naltrexon

female viagra for sale

female viagra pills dogancoruh.com female viagra name

amoxicillin

Amitriptyline for Back Pain

buy amitriptyline london

accutane without insurance reddit

buy accutane malaysia

Amoxicillin Online

amoxicillin 500mg

amoxil rash

amoxicillin 875 read amoxicillin for uti

buy prednisolone acetate eye drops

buy prednisolone eye drops over the counter click here prednisolone pharmacy

where can i buy low dose naltrexone

buy naltrexone 3mg click here naltrexone buy

amoxicillin antibiotics without insurance

amoxicillin cost without insurance walmart mooremediaone.com amoxicillin antibiotics without insurance

cheap accutane

accutane without insurance reddit

buy antibiotics online for chest infection

antibiotics for bronchitis go antibiotics online for ear infection

设置body高度100%自适应屏幕

<%--body

{

font-size: .80em;

font-family: "HelveticaNeue","LucidaGrande","SegoeUI",Arial, Helvetica, Verdana, sans-serif;

color: #696969;

background-color:rgb(151, 223, 185);

margin:0 auto;

padding:0;

height: 100%;

}

html {

margin:0 auto;

padding:0;

height: 100%;

}

html,body{margin:0px; height:100%; }#id { background-color:#CCC; width:150px;height:100%; }--%>

一个对象高度是否可以使用百分比显示，取决于对象的父级对象，#id的父级是body，而浏览器默认状态下，是没有给body一个高度属性的，因此当我们直接设置#id为height:100%;时，不会产生任何效果，而当我们给body设置了100%之后，它的子级对象#id的height:100%;便发生作用了，这便是浏览器解析规则引发的高度自适应问题。但是为body设置高度只是ie6下有作用。而代码中除了给body应用之外，还给HTML对象也应用相同的样式设计，这样做的好处是使IE与firefox浏览器都能够实现高度自适应，而body却不是。另外，Firefox中的 HTML标签不是100%高度，因此给两个标签都定义为height:100%;以保证两个浏览器下均能够正常显示。

页面没有填满一屏时，ie6/7会有默认的滚动条，可以通过设置html{overflow:hidden;}来隐藏掉。或者设置html{overflow:sroll;}所有浏览器显示滚动条。

上一篇:简单实现移动端的侧边菜单栏效果

下一篇:让我们来看看如何巧用js将list转化为json

返回列表

新闻资讯

css设置body高度100%自适应屏幕