div的高度问题

根据div css网页布局的需要，我们有时候需要设置容器的高度为1px。而设置后在IE中预览，并不是所设置的样子，好象容器被撑开了，达不到想要的最小高度。

其实这是IE的默认行高所引起的，解决的方法也有很多，下面例举overflow:hidden、line-heigh两种方法：

overflow:hidden实现最小高度

01.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 02.<html xmlns="http://www.w3.org/1999/xhtml"> 03.<head> 04.<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 05.<title>mb5u.com</title> 06.<mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> 07. 08.#YourHomePage_com_cn { 09. width:100%; 10. height:1px; 11. background:#c00; 12. overflow:hidden; 13. } 14. 15.</style> 16.</head> 17.<body> 18.<div id="YourHomePage_com_cn">?</div> 19.</body> 20.</html>

line-height实现最小高度

01.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 02.<html xmlns="http://www.w3.org/1999/xhtml"> 03.<head> 04.<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 05.<title>mb5u.com</title> 06.<mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> 07. 08.#YourHomePage_com_cn { 09. width:100%; 10. height:1px; 11. background:#c00; 12. line-height:1px; 13. } 14. 15.</style> 16.</head> 17.<body> 18.<div id="YourHomePage_com_cn">?</div> 19.</body> 20.</html>

将字体大小设为高度大小

毛毛的IT生涯

发布了28 篇原创文章 · 获赞 48 · 访问量 4万+

私信关注

發表評論

所有評論

還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.

div的高度问题

[转帖]使用NMT和pmap解决JVM资源泄漏问题原创

Python实现大麦网抢票的四大关键技术点解析

Python 安装库指令大全

salesforce零基础学习（一百三十八）零碎知识点小总结（十）

一款开源的.NET程序集反编译、编辑和调试神器

关于接口协议，你必须要知道这些！

基于 Milvus + LlamaIndex 实现高级 RAG

【2024-05-21】以茶会友

web.xml中的3中配置

EasyUI視頻教程----權限系統開發

常用的正則表達式

字符串編碼問題的原理

div的高度問題

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結