div设置最小高度
如果要让div根据内容自动拉伸高度，有时候会先写个最低高度，也可以不写，不过高度还是需要定义，这样高度才会随内容调整；
.product{height:400px;height:auto;min-height:500px;width:706px; margin:0 auto;}
这个是对product元素的定义，不过这个div元素还有个上级元素main，所以main的height元素也要是auto.
div默认高度
子标签高度和宽度是相对父标签，如果父元素没有设置宽度和高度，那么子标签会向上找，也就是父元素的父元素，以此类推您这个例子，子标签div是块元素，父元素以及祖宗元素都没有宽度，子标签的100%宽度就是相对根元素html，加上div是块元素，默认会充满整个盒子子标签的高度100%，此例是相对body元素，而body又相html所以子标签的高度取决于html高度希望能帮到你
设置div高度为浏览器高度
1.新建一个html文件，命名为test.html。
2.在test.html文件内，使用div标签创建一个模块，并设置div的class属性为mydiv，主要用于下面通过该class来设置css样式。
3.在test.html文件内，在div标签内，使用input标签创建一个文本框，并设置input的id属性为myinput。
4.在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。
5.在css标签中，定义类名为mydiv的样式，使用border设置div的边框为1px灰色边框，使用width设置div的宽度为400px，使用height设置div的高度为200px。在浏览器中打开test.html文件，查看文本框未下移前的效果。
6.在css标签内，定义id为myinput的样式，使用margin-top设置文本框下移20px。
7.在浏览器打开test.html文件，查看实现的效果。
div设置最大高度
1.
新建一个html文件,命名为test.html,用于讲解如何让div旋转一定的角度。
2.
在test.html文件内,使用div标签创建一个模块用于测试。
3.
在css标签内,定义div的样式,设置其宽度和高度都为100px,背景颜色为红色,。
4.
在test.html文件内,使用button标签创建一个按钮,给button绑定onc。
1.
新建一个html文件,命名为test.html,用于讲解如何让div旋转一定的角度。
2.
在test.html文件内,使用div标签创建一个模块用于测试。
3.
在css标签内,定义div的样式,设置其宽度和高度都为100px,背景颜色为红色,...
4.
在test.html文件内,使用button标签创建一个按钮,给button绑定onc。
js设置div高度
jquery的resize可以实现，当id为div的元素大小发生变化时：
$('#div').resize(function() {
});
div不设置宽度和高度有默认高度?
1，html5通过css的height来设置div的高度；
2，div是块级元素，想要设置其高度 可以通过css中的height来实现。height的取值可以是具体的像素值，也可以设置百分比；同时你也可以设置vh（视口高度）；
3，设置siv的高度也可以通过flex布局，使得div的我高度 跟随另一个元素的高度来变化；
div设置最小高度是多少
1.首先，我们对div设置固定宽度和高度。
2.然后在div里面插入一张图片。
3.插入图片后，在预览中看到的效果，明显图片已经将父级的背景尺寸给盖住了，图片偏大了。
4.然后这个时候，将图片的宽度设置为何父级一样的宽度，代码就是width:100%;这里的100%会自动跟随父级的宽度选择。
5.这时候回到浏览器中，可以看到图片的宽度和父级div的宽度一致了，然后修改的就是高度的范围了。
6.如果也将图片的高度设置为父级的100%，那么图形就会发生形变，所以在这里需要将父级的高度去掉，这样子集的高度就自动化了。
7.很多时候，将图片在框中显示的时候，在底部会出现一个小边框，这时候将图片设置为display:block;转为块状就可以了。
css设置div高度
1.先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。
2.通过div 的border属性控制边框颜色，设置border的宽度为2px，线型为实线，颜色为蓝色。
详细代码请看图片：
设置div的宽度和高度
1、新建一个html文件，命名为test.html，用于讲解在css中字体怎么放在图片中间。
2、在test.html文件内，使用div标签创建一个模块，并设置其class属性为aa，主要用于下面通过该class来设置css样式。
3、在test.html文件内，在div标签内，使用p标签创建一行文字。
4、在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。
5、在css标签内，使用“*”来初始化页面html元素的内外边距都为0。同时，对div进行样式设置，定义div的宽度为500px，高度为400px，背景图片为b.webp。
6、在css标签内，对div内的p元素进行样式设置，定义其水平方法居中对齐，行高等于div的高度，字体颜色为蓝色。
7、在浏览器打开test.html文件，查看实现的效果。
