当前位置:首页 > 代码学苑 > 网建教程

固定高度 最小高度 又能自适应高度的CSS技巧

来源:wordpress 作者: 2020-06-09

制作企业网站的时候,通用页,比如 企业简介,联系方式 页面,内容区常常可能内容比较少,而内容区又单独定义了边框,所以当内容很少的时候,就不好看了。

比如下图:

1.png

 

这样就不好看了。如果定义一个高度,比如与左边高度对齐以好看,但如果内容很多又能自适应高度,如下图:

2.png

 

当右边内容区内容很多,又能自适应高度。

3.png

 

CSS可以实现。写法如下:

min-height:400px;height:100%;_height:400px;

 mai-height IE7/8/9/ 谷歌,火狐都认为最小高度,ie6不认, _height ie6认

相关栏目:
猜你喜欢
点击查看更多