空DIV在IE中的高度问题

简介: 按照设想,一个空的,并且没有任何样式的DIV在浏览器中显示时应该是没有任何高度的,但如果DOCTYPE使用HTML 4.0的话,空DIV在IE中会显示高度(DOCTYPE=XHTML 1.0 transtional 时显示正常) 空的DIV在IE中有一个最小高度,至少等于当前的行高。
按照设想,一个空的,并且没有任何样式的DIV在浏览器中显示时应该是没有任何高度的,但如果DOCTYPE使用HTML 4.0的话,空DIV在IE中会显示高度(DOCTYPE=XHTML 1.0 transtional 时显示正常)

空的DIV在IE中有一个最小高度,至少等于当前的行高。下面两个方法可以解决这个问题:
  1. 放一个空的注释行在DIV里面:<div style="height: 10px;"><!-- --></div>
  2. 放一个&nbsp在DIV里面,并增加这个样式:font-size:1px; line-height:0.
这个问题在制作DotNetNuke皮肤时要特别注意,因为一般会使用一个DIV来做Pane的容器,如果这个Pane到时没有插入内容的话,就会形成一个“空的DIV”,因为“空DIV在IE中的高度问题”这个Pane就不会隐形,而是在页面上显示一个小窄条。

参见网页: IE div height problem
相关文章
|
3月前
div盒子垂直居中的3种方法
div盒子垂直居中的3种方法
30 2
|
5月前
layui设置textarea高度几种方式
layui设置textarea高度几种方式
142 0
div盒子水平垂直居中方法
文章转载自:div盒子水平垂直居中的方法 - 雪明瑶 这个问题比较老,方法比较多,各有优劣,着情使用。 一、盒子没有固定的宽和高 方案1、Transforms 变形 这是最简单的方法,不仅能实现绝对居中同样的效果,也支持联合可变高度方式使用。
1806 0
|
Web App开发 前端开发 程序员
如何使用CSS3来获取屏幕宽度并且用来计算DIV高度
今天使用到了SUI的路由功能,切换界面的时候可以不用刷新页面,达到了能够返回到之前浏览的ajax界面的位置,用户体验较好。但是由于其中的一个div是使用js根据屏幕宽度计算得来的相对高度,而路由功能的切换界面不会重新加载js,那么我们就需要在css里实现这个功能。
26244 1
|
前端开发
li浮动时ul高度为0,解决ul自适应高度的几种方法
内容提要:  li浮动时ul高度为0,解决ul自适应高度的几种方法 在网页设计中,常常需要对li标签做浮动效果,但是在不同浏览器中会遇到兼容性问题,比如IE中会出现ul高度为0的情况,是效果不能达到预期效果。
877 0
DIV+CSS布局时, DIV的高度和宽度特性
这个没有特别的做要求,你要根据你自己的页面整体布局来设置,还有根据div的特性来设置,div默认情况是宽度最大化(100%)、高度最小化,高度随着内容自动伸展;一般情况做网页的话,大部分都是固定了总体框架宽度的,每个模块的宽度基本上也都是固定的,所以div需要设一下宽度,如果内容也是相对固定不变的,...
668 0
如何设置DIV水平、垂直居中
一、水平居中 需要设置两点: 1  设置DIV 的width属性即宽度。 2  设置div的margin-left和margin-right属性即可 代码: DIV居中     二、DIV垂直居中 同样的道理,需要设置两点: 1  设置DIV 的height属性即宽度。
791 0