IE6下css设置容器高度的BUG不能小于某个值
网站建设 2023-01-28 20:49www.1681989.com免费网站
在IE6中设置display:block的空容器一个较小高度时，如<p style="height:1px;"></p>，会发现其高度不能小于某个值
<p style="background: #f00; height: 1px; font-size:0"></p><!-- demo1 -->
demo1:设置font-size:0,这个容器的高度最小为2px,所以没有办法实现高度为1px的效果
<p style="background: #f00; height: 1px; le-height:0;"> </p> <!-- demo2 -->
<p style="background: #f00; height: 1px; le-height:0;"><br/></p> <!-- demo3 -->
demo2 & demo3:在容器中增加内容或其他空标签，如 、<br />，并设置le-height:0，虽然可实现效果，
但该容器会存在一个和其父容器字体大小有关的外边距
<p style="background: #f00; height: 1px; font-size:0;le-height:0"> </p><!-- demo4 -->
<p style="background: #f00; height: 1px; font-size:0;le-height:0"><br/></p><!-- demo5 -->
demo4 & demo5:虽然可以解决外边距的问题，在font-familyfixedsys（wdow的古老字体）等字体下还是会产生问题。
<p style="background: #f00; height: 1px; overflow:hidden;"></p><!-- demo6 -->
demo6:目前看到的最好的解决方案
复制代码
代码如下:<p style="background: #f00; height: 1px; font-size:0"></p><!-- demo1 -->
demo1:设置font-size:0,这个容器的高度最小为2px,所以没有办法实现高度为1px的效果
复制代码
代码如下:<p style="background: #f00; height: 1px; le-height:0;"> </p> <!-- demo2 -->
<p style="background: #f00; height: 1px; le-height:0;"><br/></p> <!-- demo3 -->
demo2 & demo3:在容器中增加内容或其他空标签，如 、<br />，并设置le-height:0，虽然可实现效果，
但该容器会存在一个和其父容器字体大小有关的外边距
复制代码
代码如下:<p style="background: #f00; height: 1px; font-size:0;le-height:0"> </p><!-- demo4 -->
<p style="background: #f00; height: 1px; font-size:0;le-height:0"><br/></p><!-- demo5 -->
demo4 & demo5:虽然可以解决外边距的问题，在font-familyfixedsys（wdow的古老字体）等字体下还是会产生问题。
复制代码
代码如下:<p style="background: #f00; height: 1px; overflow:hidden;"></p><!-- demo6 -->
demo6:目前看到的最好的解决方案
网站设计
- 静宁会SEO的网站建设公司：全面提升您的网络影
- 提升在线业务的关键：选择最佳的丽水网站建设
- 浙江网站优化发展潜力如何
- 井研专业的网站建设公司：打造您的在线品牌
- 灵山SEO网站建设公司：提升您的在线业务表现
- 蒙城网站建设优化公司：提升您网站表现的理想
- 阳谷企业网站优化：提升线上业务力的关键
- 樟树专业的网站建设公司：打造您在线业务的坚
- 通河百度SEO排名的策略与技巧
- 重庆百度快照排名如何进行精准的客户引流
- 重庆百度快照排名
- 常宁便宜的建站公司：助您轻松打造在线业务
- 巫溪百度网站优化：提升网站曝光率与流量的关
- 湖北整站优化怎么做才能放大客户需求
- 闸北网站建设多少钱？全面解析与预算规划
- 辽宁企业网站优化怎么做电话营销