关于html5body100%的信息

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

在html5里面的aside在body里面为什么不能设置100%的高度而div能设置100...

：浏览器中body中在没有任何内容撑起来的时候，height高度默认为0；所以要先设置body的大小。

外面套的div 给这个div加个宽高。百分比是指相对父元素来说的，如果你的父元素没有宽高，那个百分比也就不能起作用了。

这样这个div的高度就会100%了 /p /div /body /html 在使用height： 100%；时需要注意的一些事项 Margins 和 padding 会让你的页面出现滚动条，也许这是你不希望的。

首先要把body及html设置为高度宽度100%：body，html{height：100%；width：100%}，然后再设置div的样式 #divID{height：100%；width：100%}.说真的，我也不太明白你的意思，哈。

或者问题为如何设置div高度等于视口高度。前端高度问题一直是个坑，只要是子元素的排版一定要求要有宽高，但是body没有宽高这种说法。你还不能给它固定设置，因为不同屏幕的宽高不一样，只能用JavaScript获取宽高设置。

前面总得有个容器说明他的高度是多少。这样的话div才能按比例100%继承上一级的高度可惜的是浏览器一般默认解释为内容的高度，而不是100%。

Q1: HTML5如何隐藏和显示页面滚动条?

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的head标签中，加入css代码：style：-webkit-scrollbar{display： none；}/style。

2、首先打开前端开发工具hbuilder，新建一个HTML代码页面，在html代码页面上创建一个父div和一个子div，同时给这两个div添加一个class分别为scroll-box、scroll。

3、打开Excel表格文件后点击也买你上的文件选项。在弹出来的页面总点击选项按键。点击弹出来的页面中的高级选项，进入高级设置页面。将页面中的显示水平滚动条前面的勾选去除，即可将页面中的水平滚动条除去。

4、方案1：设置2个DIV层，A1外层，A2内层，A2的宽度设置比A1宽20px左右（大概就是滚动条的宽度），A2设置为可见滚动条，A1设置为隐藏滚动条。可以滚动，但是看不到滚动条。

5、首先，打开html编辑器，新建一个html文件，例如：index.html。在index.html中的body标签中，输入样式代码：style=overflow-x： scroll；。

6、固定滚动条的方法：html，body：将默认出现的滚动条，完全地隐藏，这样不管什么内容都不会出现了。

Q2: html5自适应后横向滚动条还是存在?

你这个只不过是使用meta属性来设置适配移动端页面。但是如果页面的宽是超过 100% 的，滚动条还是会出现的。

这个你可以换手机QQ浏览器试试，它的兼容性好，功能全面。

overflow：auto；横向宗向都滚动，自适应的，溢出则滚动，不溢出就没有滚动条。overflow-x：scroll；横向溢出隐藏出现滚动条；overflow-y：scroll；纵向溢出隐藏出现滚动条。

估计你设置了浮动框架吧，把scrolling属性值设成auto，把鼠标放到段落后面，点delete，(目的是看看后面有tab或者空格之类的)，你试试吧。

因为IE6的兼容性问题，所以这不考虑用fixed，代码如下，用了js的滚动事件 htmlheadmeta charset=utf-8 /！-- CSS部分，宽度各100，红色背景，加了定位属性。

Q3: HTML如何让Body的背景图覆盖整个页面

1、打开Dreamweaver，然后选中html，出来了一个html标准文档。在标签里添加文件路径，语法如下：这时，页面虽然充满了背景，但可以看出背景图片被填充zhidao了多次。

2、新建一个html文档。设置一下HTML的框架，然后把图片设置在同一个文件夹里面。加入，这样可以有样式设置。因为背景设置在主体，所以还要定义为body{}。background-image：url(图片)，这个是添加图片的意思。

3、图片不够大，又background属性不能拉伸图片；只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用；body的background属性去掉，要不然会被遮住。

Q4: 在HTML5中如何设置屏幕百分比

先给父级设置宽度（像素）然后再子里，设置百分比，如图示。代码原件：复制到之间使用即可。

首先你要在html页面头部加上下面的代码，其次你要把页面中的宽度修改为百分比，不能不用固定尺寸，一些小的模块可以用固定尺寸。再就是css中要应用到媒体查询，也就是@media，不懂可以百度。

自然，解决这个问题的办法就是将表格宽度设置成固定宽度（也就是像素值）。另外如果外层表格已做好固定宽度设置，内层表格也可以适当使用百分比设置。清楚这个原则以后，如果出现类似的问题大家也知道怎么解决。

meta name=viewport content=width=device-width， initial-scale=0， user-scalable=no， minimum-scale=0， maximum-scale=0/ 上面的参数看名知意，按需修改。

关于html5body100%和的介绍到此就结束了，不知道你从中找到你需要的信息了吗？如果你还想了解更多这方面的信息，记得收藏关注本站。