Rumah > hujung hadapan web > html tutorial > div从ie6移行到ie9_html/css_WEB-ITnose

div从ie6移行到ie9_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-21 09:46:40
asal
927 orang telah melayarinya

ie9 ie6 div   设计 css

ie6中设计,

 
内容1

 

    循环取出内容(一行30px)

 


内容2

效果,当循环取出内容为1~4行时,内容1占有空间120px,
      当循环取出内容为4~7行时,内容1分别占有空间150px,180px,210px,(外层div自适应),
      当循环取出内容为8行以上(含8行)时,内容1占有空间210px,并出现滚动条。

现在在ie9中想实现同样功能,并其保证ie6中情况不发生变化,在不使用javaScript的前提下,
需要怎样改修代码。原理是什么。

回复讨论(解决方案)

ie6 设置height 相当于ie9 里的min-height 一般我会这样写:
min-height:210px;_height:210px;

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan