DIV高度自适应方法汇总-----摘自网友

 

你对DIV高度自适应的方法是否了解,这里和大家分享一下,网站制站中,我们经常要把两个并排显示的div实现一样高的效果,即每列高度相同,有以下几种方法。

DIV高度自适应方法汇总

网站优化(seo)中,提到过网站样式的优化,即在网站的布局设计中,采用DIV+CSS来布局。网站制站中,我们经常要把两个并排显示的div实现一样高的效果,即每列高度(事先并不能确定哪列的高度)的相同,有以下几种方法解决DIV高度自适应问题:

1、JS实现(判断2个div高);

2、纯CSS方法;

3、加背景图片实现。

◆DIV+CSS基本布局:

 
   
  1. <dividdivid="mm"> 
  2. <dividdivid="mm1">div> 
  3. <dividdivid="mm2">div> 
  4. div> 

1、js实现div高度自适应

代码如下:

 
   
  1. <scripttypescripttype="text/javascript"> 

你可能感兴趣的:(DIV高度自适应方法汇总-----摘自网友)