DIV+CSS页面设计中的IE6的文字溢出BUG
为什么这个div的文字在ie6里会多出3个字符,在页面制作中用DIV+CSS用的多了有时会遇到文字溢出的现象,出现此现象是由IE6的3PX的BUG所引起的。
以下为出现该BUG的实例:
<div style="width:400px">
<div style="float:left"></div>
<!-- -->
<div style="float:right;width:400px">↓注释在IE6中造成文字溢出实例</div>
</div>
而其解决方法是在 去除<div style="float:left"></div> 中的“float:left;”,你会发现多出来的“猪”字不见了,页面正常显示,
解决方法二:将注释移动到<div style="float:left"></div> 的上面,页面也不会出现此BUG
解决方法三:去除内浮动层<div style="float:right;width:400px"> 的宽度定义(width:400px),此BUG也会消失。
而在测试过程中也会发现:增加注释的条数:当1条注释时,则多出来1个字;2条注释时,则多出来3个字;3条注释时,则多出来5个字……
我们会从上面的规律中得到这样一个公式:溢出文字的字数=注释的条数*2-1,这里的字数在中文或英文数字时都成立。
当溢出的文字字数大于文本的字数时,文字区块将会消失。
其实最简单的方法就是不放置注释内容,然后这在现实的工作中会导致某些不方便。因此,有朋友也想到了,稍微注意一下,将注释内容不要放置在两个浮动层之间
其解决方法五:将文字区块包含在新的<div></div>之间,如:<div style="float:right;width:400px"><div>↓注释在IE6中造成文字溢出实例</div></div>
然而在我的工作中却发现,我不仅仅只有注释会引发此BUG的出现,在网页间使用JS代码标签"<script>"这会出现此问题。如:
<div style="width:400px">
<div style="float:left"></div>
<script type="text/javascript">
</script>
<div style="float:right;width:400px">↓注释在IE6中造成文字溢出实例</div>
</div>
本文来自亿企乐网站,转载请标明出处:http://www.xy176.com/A/?C-1-48.Html
DIV+CSS页面设计中的IE6的文字溢出BUG相关推荐
- 第 15 章 Div+CSS页面设计
目录 15.1. 页面元素命名15.2. XHTML+DIV+CSS15.3. 页面结构设计 15.3.1. Home page (首页)15.3.2. 导航烂15.3.3. Left Bar15.3 ...
- html颜色代码大全word,DIV+CSS网页设计之网页配色方案
DIV+CSS网页设计之网页配色方案合集包含了目前常用的网页设计配色方案及其分析,网站的色彩就像是人的外表一样,如果打扮得美观大方,就会给人一种魅力四射的感受,而不修边幅则让人感到粗糙毛草,因此,网页 ...
- 城市智慧路灯综合管理平台、图监控、灯箱实时监控、策略管理、故障报警、灯具管理、数据统计、故障分析、开关灯记录分析、区域管理、分组管理、DIV+CSS布局设计、HTML/Bootstrp/jQuery
源码类别: 后台模板 文件大小: 21.5 MB 源码内容:城市智慧路灯综合管理平台后台模板 前端技术: HTML/CSS/Bootstrap/jQuery 模板语言: 简体中文 ...
- div+css网页设计例子
最终效果图: 1.将所需图片所在的文件夹添加到创建的项目文件夹中 图片资源 2.新建default.aspx窗体,在CSS文件夹中建立index.css文档. 3.导入外联样式 在default.as ...
- [css] ui设计中px、pt、ppi、dpi、dp、sp之间的关系?
[css] ui设计中px.pt.ppi.dpi.dp.sp之间的关系? QQ20150717160352 做了几个移动端的项目之后,深感移动端尺寸换算的必要性,在此做个总结. 先介绍下各自的定义: ...
- 符合SEO标准的div+css页面参考
下面的部分是著名设计师阿捷发表的div+css三行两列网页参考,星箭在此基础上做了小小的改动,以前乐思蜀也对阿捷的这个经典布局案例进行过修改,将左右代码互换,达到主体内容显示在前更方便搜索引擎抓取分析 ...
- 城市智慧路灯综合管理平台模板,DIV+CSS布局设计
城市智慧路灯综合管理平台模板,DIV+CSS布局设计,全套模板,包括地图监控.灯箱实时监控.策略管理.故障报警.历史数据.灯具管理.数据统计.故障分析.开关灯记录分析.区域管理.分组管理等HTML后台 ...
- vue中怎么点击修改文字_杭州展馆设计中说明牌和说明文字怎么样才能使用最大化?...
在杭州绝大多数的展馆中,都会放说明牌和说明文字,这样一来可以对展品进行解释说明让展品更有可读性,二来可以节约运用大量高科技手段带来的成本问题.那么,有一个最大的问题出现了杭州展馆设计中说明牌和说明文字 ...
- 【IE6的疯狂之四】IE6文字溢出BUG
在IE6下使用浮动可能会出现文字重复的情况. 在IE6下,浮动层之间有注释文字的话,之前那个浮动层的内容文字就有可能遭遇一个"隐形"的复制,但是代码里查看文字可并没有多出来. 看个 ...
最新文章
- 【总结】sqli-labs Less(1-35) 小结
- 什么时候需要在外壳变量周围花括号?
- CocoaPods was not found 解决
- socket.io c++库编译不成功的注意事项
- 什么是javax.ws.rs.core.context? [ 第1部分 ]
- 转专业计算机c语言,转专业申请美国计算机专业研究生必须要做的准备
- mysql双主+keepalived【转】
- Eclipse的界面语言
- MySQL5.5安装和navicat安装配置图解
- Mac苹果电脑怎么调整磁盘区域的大小
- 学习笔记-网络安全(二)
- Power bi_商品销售案例分析
- matlab rtw 生成c代码,MATLAB Coder ——从MATLAB代码生成C/C++代码
- java-assured,如何使用Rest-Assured java中的证书进行HTTPS GET调用
- 浏览器 .avi视频播放demo
- STM32(CM3内核) 内存映射
- Linux2--修改root密码,文件操作
- 校招和社招有什么区别?不同时期重点不同!
- 华科计算机专硕英语几,2020华中科技大学计算机专硕考研成功经验谈
- Hyper-V (window 10 家庭版安装 Hyper-V)