芯学苑web前端培训丨div+css高度的设置

 　　芯学苑web前端培训丨div+css高度的设置

　　看过一些初学者刚刚写的页面，在页面制作的时候加入了很多高，再后期更改想要添加内容的时候，却出现了问题，然而并不知道问题出现在哪里。

　　其实在页面制作的过程中，可以书写高，也可以不书写高。个人习惯在页面制作的时候是不书写高的，可能是工作性质的原因，页面内容会经常进行更新，为了方便后期的工作吧。

　　很多新手，常常在div盒子内容不确定的情况下，会设置height:auto(高度自适应)。其实在很多标签(div、span、h1、p、h2等标签)在默认情况下默认高度自适应的(auto)。所以无需设置高度。

　　那可能就会有同学问了，那什么时候设置高度呢?芯学苑的web前端老师介绍：

　　1、Zui小局部。

　　一般较小的局部布局，需要设置高度固定其结构，此时需要设置具体高度。

　　2、需要限高

　　有时布局左右结构要想左右结构对齐情况下，需要对div设置高度，一般情况下此时避免内容太多超出限制高度需要设置css隐藏溢出内容处理。

　　其实在页面制作的时候，没有硬性的规定，必须设置高度或者不设置高度，这个也可以根据自己的工作习惯来。只要页面正常显示，代码不繁琐，就可以的。

　　总结：一般情况下Zui外层、大盒子、不知道内容多少而无法确定高度的此类对应样式都不需要设置高度，因为设置后，如果内容多了，会溢出、内容少了预留空白就多了。