html5设置div高度占比，设置div高度为屏幕高度

如何使div的位置随浏览器窗口缩放大小比例变化???

1、设定一个最外层容器div-box，实现【顶部触顶底部触底，div与页面高度间固定差值】，在css文件中的.div-box下可修改margin数值）前三个div可公用一个样式 div1 第五个div绝对定位在底部 div5，需要将div-box的position设为relative，否则会基于body定位。

2、图片自适应屏幕大小显示主要是利用百分比来控制，切忌给图片宽度一个固定值。如下代码：html代码：pimg src=图片地址alt=/p此时的css可以写成：.imgboximg{width：100%；}这样，图片的大小就会根据其父级容器的大小而变化，图片的宽度只设置百分比，这样可以根据浏览器窗口的大小变化而随时调整。

3、one流体布局/divdiv class=two布局/div .one{width：80%； font-size：em(设置自体的大小，em可以让自体根据浏览器不同而更加优与阅读）；} .two{width：20%；font-size：em；} 注：通过这样设置，就可能拉动浏览器，盒模型的宽度就会随着你的拉动而变大缩小，但也是有一定限度的。

4、你这个问题就是最外层的div宽度没有固定，不但是缩小的时候会出问题，如果是在比你现在用的显示器更大点的显示器的话，一样会乱掉，最好的办法就是在最外面在加一个div 然后给个固定的宽度 设置外边距上下为0，左右自适应。

5、你好，简单的说你在做HTML时，设置DIV宽时按百分比来设置。同时结合JS或JQuery来做效果。这样你的页面会根据不同浏览器进行按比例缩放。还有一种就是 交互式响应网页，这种页面制作起来会麻烦些，但它可以适应PC，Ipad，Iphone等不同硬件来看的。希望我的回答能对你有帮助。

6、div的位置可以直接用offsetLeft或者offsetTop属性获取。

相关问答

Q1: div如何设置100%的高啊

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

2、用背景图填充法 这里是给父DIV设置了背景图片填充，所有DIV都不设高度。

3、div的100%是从其上一级div的宽高继承来的，有一点很关键，就是要设置div100%显示，必须设置其上一级div的宽度或高度，否则无效。

4、要想对DIV设置全屏，一般设置其width宽度样式为100%，设置其width宽度样式为100%有两种方案，具体方案如下。

5、border-box ； } .A { height： 100px； margin： -100px 0 0； background： #BBE8F2； } .B { height： 100%； background： #D9C666； } div class=mother div class=A头部DIV/div div class=B下部DIV/div /div 代码效果 你可以看下效果，望采纳。

Q2: html5移动端div的高度怎么设置自适应

1、在文档流中，DIV的高度默认就是根据内容的高度自适应的。如果是想适配不同设备的窗口大小，可以设置百分比。或者通过position定位，然后设置top和bottom值。

2、第一种：一定高度内容加多时自适应高度，而内容少时DIV有一定最小高度；第二种：没有最小高度，DIV完全自适应高度。

3、首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示。html页面代码如图所示，定义一个div，然后给一个id属性即可。这里是使用宽度的百分比之后，设置高度值为零，然后使用padding属性的top或者bottom的值（可以是任意百分比），背景颜色作为测试。

4、页面加载完，获取当前浏览器显示区域高度。获取页面中我的相册、div关闭相册的高度。用1获取的值减去2所有的值。

关于html5设置div高度占比和设置div高度为屏幕高度的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。