IE6 Bugs(二)

 一、页面例子

1. #box {
2.     background: #99CC00;
3.     width: 50px;
4. }

二、分析解决

• 如果一个块中的内容超过了元素指定的宽度，其中的内容会被撑开

• 解决方法：1）对于图片，目前没有解决办法 2）如果内容为纯文字，则可让word-wrap属性为break-word使文字折行，也可以使用overflow属性为hidden。

三、修改后的源码

1. #box {
2.     background: #99CC00;
3.     width: 50px;
4.     word-wrap: break-word;/*这项样式属性定义在每一行的最后，是否允许将完整的字分开。*/
5.     /*这项样式属性必须用于绝对定位的元素，或者有指定高度或宽度的元素。*/
6.     /*默认值：normal属性不会将字分开break-word属性将会移到下一行显示。*/
7.     /*overflow:hidden;这项样式属性定义要怎么处理超过容器元素高度或宽度的属性，只能用于有指定位置的　属性。可取值：visible(默认值，显示所有内容),scroll(超过范围的内容不显示，但加上滚动条),hidden(超过范围的内容不显示),auto(超过范围的内容不显示，若有需要则加上滚动条)*/
8. }