1、首先我们新建一个测试项目然后新建一个index.html、basic.js和basic.css文件。
2、js修改html文件中div的style中值来修改div的高度 HTML文件中的文件代码如图所示。
3、运行之后我们看到两个div的高度是一样的 接下来我们就使用js修改高度。
4、这时我们敲js中的代码 获取div1的id 使用css属性对应的style属性然后设置高度 如图所示。
5、使用js修改CSS文件中的div的height的值 HTML文件中的代码。
6、然后我们是在js文件中获取div1的id属性 然后使用obj.style.cssTest来修改嵌入式的css。
7、然后运行项目之后 两次结果都是一样的 div的高度改变了 。
html,
body { height: 100%padding: 0margin: 0}
.mother { height: 100%padding: 100px 0 0box-sizing: border-box }
.A { height: 100pxmargin: -100px 0 0background: #BBE8F2}
.B { height: 100%background: #D9C666}
<div class="mother">
<div class="A">头部DIV</div>
<div class="B">下部DIV</div>
</div>
代码效果
你可以看下效果，望采纳。
IE6下默认的字体尺寸大致在 12 - 14px 之间。
强制定义该 div 的字体尺寸<div id="test1" style=" background-color:#FFCCCCwidth:400pxclear:bothfont-size:0"></div>。
<html>
<head>
<style>
#container{height:100%border:solid 1px redwidth:100%}
#top{margin-top:1pxheight:80pxborder:solid 1px green}
#down{margin-top:1pxheight:89%border:solid 1px silver}
#left{height:100%border:solid 1px blackmargin:1pxwidth:200pxfloat:left}
#right{border:solid 1px #0aamargin:1pxheight:100pxwidth:40px}
</style>
</head>
<body>
<table id='container'>
<tr><td>
<div id='top'></div>
<div id='down'>
<div id='left'></div>
<div id='right'>canHaveHTML 获取表明对象是否可以包含丰富的 HTML 标签的值。
扩展资料：
<div>标签定义 HTML 文档中的分隔（DIVision）或部分（section）。div属于web前端的学习内容，其中<div>标签常用于组合块级元素，以便通过样式表来对这些元素进行格式化。<div>可定义文档中的分区或节（division/section）。
<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。
参考资料来源：百度百科-DIV
