Firefox奇怪的文字溢出bug div里面的文字溢出
近期我在使用Windows 7操作系统和Firefox 26.0浏览器时遇到了一个令我头疼的bug。在我遇到的一个场景中,一个带有滚动条的div容器中的文字意外地溢出到了容器外部。这种情况在我的环境下重现了百分百的问题,但在两台其他机器上却无法复现相同的bug。
我对这种情况感到非常困惑,因为我的系统环境和浏览器并没有特别之处。我开始怀疑自己是不是遭遇了“人品不行”的时刻。下面是我所遇到的场景的代码示例。这是一个简单的HTML文档,包含四条简单的CSS规则和几行简单的HTML代码,没有使用JavaScript。整个源码如下:
```html
ul {
list-style-type: none;
padding: 0;
}
li {
white-space: nowrap; / 不换行 /
}
.box {
overflow: auto; / 自动滚动条 /
width: 200px; / 固定宽度 /
height: 140px; / 固定高度 /
border: solid 1px 66f; / 设置边框样式 /
}
.icon { / 图片图标样式 /
display: inline-block; / 行内块级元素显示 /
background-image: url("tree_file.gif"); / 背景图片路径 /
background-repeat: no-repeat; / 不重复背景图片 /
width: 16px; / 背景图片的宽度 /
height: 18px; / 背景图片的高度 /
vertical-align: middle; / 与其他元素垂直居中对齐 /
}
-
Hello world Hello world Hello world Hello world 这是一个非常简单的HTML页面,但在我的机器上,里面的文字却会溢出到容器的外部。这个bug只在特定的环境下出现,在其他机器上无法复现。这个现象让我非常困惑,希望有人能帮我解决这个问题。
seo推广
- Firefox奇怪的文字溢出bug div里面的文字溢出
- 硬RAID和软RAID有什么区别?
- 暗影精灵6air和plus哪个好 惠普暗影精灵6plus和6a
- Fireworks制作古代印章效果
- 我认识的中国第一网民高春辉
- 华润万家上手O2O,嗨到根本停不下来
- css3弹性盒模型实例介绍
- 网传“专车”纳入出租车管理不准确 下半年将出
- 怎么用360升级win10? 360升级win10详细图文步骤
- Facebook五亿用户的Messenger首次植入手机游戏
- 如何辨别维修和翻新笔记本电脑以免上当受骗
- CSS边界线消失的问题详解
- 3dmax 2011 放样建模方法
- 机械师八代酷睿版T58游戏本怎么样 机械师八代酷
- 吾空X9-G3游戏本怎么样 吾空X9-G3游戏本评测结果揭
- 网站制作入门常识 新手看过来