DIV教程之网页制造教程:在IE7中的网页文本重影成绩
当遇到几个选择器共享一个声明的时候，可以分组放在一起，每个选择器必须以逗号隔开。例：h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全，分组结尾不能有逗号。网页制造poluoluo文章简介：测试了局为当不得当地利用float:left/right;width:100%;display:none;CSS属性值及响应的HTML布局做组合，会激发在IE中的七种奇异成绩，此成绩在中文及英笔墨体均会呈现。
在做项目开辟时碰到了一个奇异征象“整段内容被重影”的成绩，一样平常来讲这类成绩在IE6中体现的对照多，但此次出人意表的是IE7也殃及在内。在早前互联网上就有分享过利用HTML正文会引发相似的笔墨倒影成绩，但此时的页面倒是没有任何正文～，延续地测试剖析成绩变得愈来愈风趣了…
测试了局为当不得当地利用float:left/right;width:100%;display:none;CSS属性值及响应的HTML布局做组合，会激发在IE中的七种奇异成绩，此成绩在中文及英笔墨体均会呈现。具体以下例：
浏览商定：
cont1是指：<pclass=”cont1″>ABCDEFG</p>
cont2是指：<pclass=”cont2″>1234567</p>
1、相称长度的文本消散
在IE6中，cont1与cont2字符长度不异时，文本会消散，且简单引发扫瞄器IE6溃散。
但改动扫瞄器窗口尺寸时内容会再次显现。
注重：测试了IECollection的：6.0.2900.5512.xpsp_sp2_qfe.090206-1239IC版本呈现此成绩
DEMO：http://blog.gulu77.com/demo/200908/float/a1.html
2、当扫瞄器宽度少于内容宽度文本会消散
在IE6中，当扫瞄器宽度少于内容宽度文本会消散，且简单引发扫瞄器溃散。
但改动扫瞄器窗口尺寸时内容会再次显现。
注重：测试了IECollection的：6.0.2900.5512.xpsp_sp2_qfe.090206-1239IC版本呈现此成绩
DEMO：http://blog.gulu77.com/demo/200908/float/a2.html
3、相称长度文本重影
在IE6中，cont2比cont1多出一个字符时，内容会被重映为相称长度的文本，且简单引发扫瞄器IE6溃散。
DEMO：http://blog.gulu77.com/demo/200908/float/b1.html
4、当扫瞄器宽度少于内容宽度文本会重影
在IE6中，cont2比cont1多出一个字符时,且扫瞄器宽度拉伸至小于内容宽度文本会完整重影。
此成绩与第三个对照在于一个不必要拉伸，一个必要拉伸。
DEMO：http://blog.gulu77.com/demo/200908/float/b2.html
5、文本的倒序重影
在IE6中，cont2比cont1多出两个字符或以上时文本会被倒序重影，且简单引发扫瞄器IE6溃散。
纪律为:重影字符数=cont1的字符数+1个字符数
DEMO：http://blog.gulu77.com/demo/200908/float/c1.html
6、内联元素引发的文本重影
在IE6中，浮动元素之间有不含内容的内联元素的标签（指内联标签或CSS摹拟的内联标签）后会引发文本重影。
纪律为:重影字符数=内联元素数目*2字符数–1个字符数
DEMO：http://blog.gulu77.com/demo/200908/float/d1.html
7、内联元素引发的IE6/7文本重影与消散
与第六的《内联元素引发的文本重影》相似，但在cont2前面增加了一个内联元素后会招致IE7也呈现重影BUG。
而内联元素相加超越cont2字符数时，IE7体现一般，IE6则体现为消散。
纪律为:重影字符数=<span>数目*2字符数–1个字符数
DEMO：http://blog.gulu77.com/demo/200908/float/e1.html
而内联元素相加超越cont2字符数时，IE7体现一般，IE6则体现为消散。
注重：测试了IECollection的：6.0.2900.5512.xpsp_sp2_qfe.090206-1239IC版本呈现此成绩
纪律为:重影字符数=<span>数目*2字符数–1个字符数
DEMO：http://blog.gulu77.com/demo/200908/float/e2.html
感谢Mr.Q供应的办理办法，很不错～给有成绩的元素加上position:relative能逐一对应办理成绩。
</p>
Table布局灵活性不大，你只能遵循tabletrtd的格式。而div你可以divulli也可以olli还可以ulli……但标准语法最好有序的写。 布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。 技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。 是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。 俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。 难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人. Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。 还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。 学Dreamweaver技术的过程其实是一个增加信心的过程。
页:
[1]