1、先给父级ltdiv设置宽度像素然后再子ltdiv里，设置百分比，如图示代码原件ltdiv style=quotwidth80pxheight50px border#FF0000 3px solidquot ltdiv style=quotwidth20%height50% border#CC33FF 3px solidquotltdiv ltdiv 复制到ltbodyltbody之间使用即可。

2、div的100%是从其上一级div的宽高继承来的，有一点很关键，就是要设置div100%显示，必须设置其上一级div的宽度或高度，否则无效举例说明父divdeman宽300高200，子divcc如果在这个条件下设置divcc的宽高都为100%的话，那cc的确切大小就是父div的大小宽300高200，在尝试中你会发现，div。

3、CSS想让一个元素的百分比高度height 100%起作用，需要给这个元素的所有父元素的高度设定一个有效值如下所示就可以让div高度为100%了lthtml style=quotheight 100%quot ltbody style=quotheight 100%quot ltdiv style=quotheight 100%border 1px solid #C00quot ltp 这样这个div的高。

4、在文档流中，DIV的高度默认就是根据内容的高度自适应的如果是想适配不同设备的窗口大小，可以设置百分比或者通过position定位，然后设置top和bottom值再或者利用css3的flexbox布局，设置父级的display为flex，方向为纵的，然后设置其flex1。

5、css样式是可以覆盖的下面定义的lineheight26px把上边的lineheight70px如果想定义div的高度直接写height70px就行了如果在div里边写lineheight70px那么次div中的每一行文字显示高度都的70px，如果div里边有两行文字，那么div的高度就变成70px*2=140px了lt！DOCTYPE html PUBLIC quot。

6、1新建一个html文件，命名为testhtml，用于讲解jquery怎么设置div高度2在testhtml文件内，引入库文件，成功加载该文件，才能使用jquery中的方法3在testhtml文件内，使用div标签创建一个模块，并使用css设置其宽度为50px，背景颜色为红色4在testhtml文件内，设置div标签的。

7、lthtml lthead lttitle改变div高度lttitle ltscript type=quottextjavascriptquot src=quotjsjquery183minjsquotltscript ltscript type=quottextjavascriptquot $function 为div设置边框 $quot#containerquotcssquotborderquot，quot1px solid grayquot 改变div的高度。

8、如果对DIV设置全屏，一般我们就设置其width宽度样式为100%这里为了方便理解，DIVCSS5实例讲解DIV全屏实现对最外层DIV给予id引入CSS命名为warp同时为了便于观察，我们对div设置一个css背景为黑色，高度为80px完整html+css代码lt！DOCTYPE html lthtml xmlns=quot lthead。

9、html，body height 100% padding 0 margin 0 mother height 100% padding 100px 0 0 boxsizing borderbox A height 100px margin 100px 0 0 background #BBE8F2 B height 100% background #D9C666 ltdiv class=quotmotherquot。

10、CSS设置div边框颜色宽度和高度步骤如下1新建一个html文件，创建一个类名为wrap的div2先通过css类选择器选择到div来控制div的宽度和高度和背景颜色没有边框时方便看出来div的大小3通过div 的border属性控制边框颜色，设置border的宽度为2px，线型为实线，颜色为蓝色4这样就可以设置。

11、3中间定义一个div，设置滚动条自动 overflow auto 设置绝对定位positionabsolute，设置top和bottom，top的值等于头部div的高度，bottom的值等于底部div的高度 示例 lthtmllthead ltmeta。

12、这个方法就大致分为两种吧，第一种，用CSS的方法 第二种，用JS方法 这里暂时只演示第一种，如果第二种，另外@我 示例代码如下CSS代码第一种写法 html，bodyheight100% margin0**把HTML和BODY的高度设置成100%** divheight100% backgroundcolor#ccc**把你DIV的高度设置成。

13、在HTML中，设置水平线高度，有两个标签border和height，用法如下用border属性来设置一条水平线，如代码ltdiv style=quotwidth500px border1px solid redquotltdivlt！注border 这里指水平线高度使用backgroundcolor来制作一条线，和border基本类似，如代码 ltdiv style=quotwidth500px。

14、要想对DIV设置全屏，一般设置其width宽度样式为100%，设置其width宽度样式为100%有两种方案，具体方案如下一方案一 1Htmlltdiv class=quotouterquot ltdiv class=quotAquot 头部DIV ltdiv ltdiv class=quotBquot下部DIV ltdiv ltdiv 2CSShtml，body height 100% padding 0 margin。

15、分开写，多嵌套几个层，然后把最外层的div模拟成body来使用ltdiv ltdiv id=quotaaaquotltdiv ltdiv id=quotbbbquotltdiv ltdiv id=quotcccquotltdiv ltdiv id=quotdddquotltdiv ltdiv 其中一个设置高度 100。

16、如下将三个DIV的高度都设置为自动，overflowauto，里面的两个DIV都要有内容，没有内容的时候是撑不开DIV的，你还可以设置最大和最小高度，保证DIV内容最少也得能撑开容器，最大不会超过一定的高度从而导致网页变形也可以在外层大的DIV里面加上floatleft设置了外层的区块之后 高度设置auto。