AI 助理
备案控制台
开发者社区 云原生 文章 正文

空DIV在IE中的高度问题

2007-09-29 562
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 按照设想，一个空的，并且没有任何样式的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
文章标签：
容器
264971589117404837
目录
相关文章
讓丄帝愛伱
|
前端开发
css设置div水平居中
css设置div水平居中
讓丄帝愛伱
45 0
兜里只有三分钱~
img随着div高度上下居中
img随着div高度上下居中
兜里只有三分钱~
49 0
王磊-phper
DIV浮动后父DIV高度自动失效解决方案
DIV浮动后父DIV高度自动失效解决方案
王磊-phper
84 0
月神的飞刀
|
Web App开发 前端开发 程序员
如何使用CSS3来获取屏幕宽度并且用来计算DIV高度
今天使用到了SUI的路由功能，切换界面的时候可以不用刷新页面，达到了能够返回到之前浏览的ajax界面的位置，用户体验较好。但是由于其中的一个div是使用js根据屏幕宽度计算得来的相对高度，而路由功能的切换界面不会重新加载js，那么我们就需要在css里实现这个功能。
月神的飞刀
26456 1
余二五
|
前端开发
解决子级用css float浮动 而父级div没高度不能自适应高度
余二五
909 0
技术小胖子
解决IE6中div高度或td高度小于10px时高度无效
技术小胖子
1249 0
文艺小青年
|
前端开发
CSS-div高度100%设置问题
文艺小青年
973 0
marsggbo
|
前端开发
li浮动时ul高度为0，解决ul自适应高度的几种方法
内容提要：　　li浮动时ul高度为0，解决ul自适应高度的几种方法 在网页设计中，常常需要对li标签做浮动效果，但是在不同浏览器中会遇到兼容性问题，比如IE中会出现ul高度为0的情况，是效果不能达到预期效果。
marsggbo
946 0
ke_ry
DIV+CSS布局时， DIV的高度和宽度特性
这个没有特别的做要求，你要根据你自己的页面整体布局来设置，还有根据div的特性来设置，div默认情况是宽度最大化(100%)、高度最小化，高度随着内容自动伸展；一般情况做网页的话，大部分都是固定了总体框架宽度的，每个模块的宽度基本上也都是固定的，所以div需要设一下宽度，如果内容也是相对固定不变的，...
ke_ry
697 0
ke_ry
如何设置DIV水平、垂直居中
一、水平居中 需要设置两点： 1  设置DIV 的width属性即宽度。 2  设置div的margin-left和margin-right属性即可 代码： DIV居中     二、DIV垂直居中 同样的道理，需要设置两点： 1  设置DIV 的height属性即宽度。
ke_ry
830 0

热门文章

最新文章

  • 1
    天猫精灵开放平台-之小百科测评
  • 2
    语义检索系统：基于Milvus 搭建召回系统抽取向量进行检索，加速索引
  • 3
    3D立方体图片切换动画
  • 4
    模态对话框和非模态对话框
  • 5
    java03
  • 6
    冒泡排序
  • 7
    Windows XP客户端加域操作手册上
  • 8
    微信 6.5.1 for iOS发布 可以在朋友圈分享相册中的视频
  • 9
    Chapter 1: Creating the GUI Form and Adding Widgets
  • 10
    【Mockplus教程】帐号和购买
  • 1
    「Mac畅玩鸿蒙与硬件42」UI互动应用篇19 - 数字键盘应用
    33
  • 2
    赋能加速AI应用交付，F5 BIG-IP Next for Kubernetes方案解读
    28
  • 3
    RAG分块策略：主流方法（递归、jina-seg）+前沿推荐（Meta-chunking、Late chunking、SLM-SFT）
    24
  • 4
    Python学习的自我理解和想法（2）
    25
  • 5
    Transformer图解
    30
  • 6
    API安全专题：如何有效应对新型Bot攻击？
    17
  • 7
    Selenium IDE：Web自动化测试的得力助手
    31
  • 8
    《docker高级篇（大厂进阶）：5.Docker-compose容器编排》包括是什么能干嘛去哪下、Compose核心概念、Compose使用三个步骤、Compose常用命令、Compose编排微服务
    47
  • 9
    24/7全时守护：AI视频监控技术的深度实现与应用分享
    38
  • 10
    《docker高级篇（大厂进阶）：6.Docker轻量级可视化工具Portainer》
    25

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月