我注意到Firefox下的默认字体大小选项(我不是说高级选项卡下的最小字体大小)有一个奇怪的行为: 转到此页http://fr-region.xb83studio.ch/2012/lachen/并将默认字体大小设置为44px或更高。有人可以解释为什么第二个名单会在第一个名单下降吗? 里面的文本具有指定的字体大小,因此它们不会被默认的字体大小功能修改。
首先出现问题,默认字体大小为17像素或更高。我将宽度减少了3px,现在可以达到40px。但我仍然不明白为什么会出现这个问题。我真的很感激解释。
BTW,我在Windows 7 Professional SP1下运行Firefox 12.0
感谢您的想法
勒
答案 0 :(得分:0)
你有两个内嵌块元素,宽度为207px,左边距为32px。它们位于容器中,宽度为488像素(宽度为573像素,包含自动宽度的部分,左边距为55像素,右边距为30像素)。在你的标记中,第一个内联块的</ul>
和第二个内联块的<ul>
之间有空白,因此在渲染中它们之间有一个空格,就像在任意两个字符之间分隔一样通过空白。该空间的宽度是容器字体中空格字符的宽度。
因此,当488px-2*(207px+32px) = 10px
小于容器字体中空格字符的宽度时,第二个列表将包装在第一个列表下。
如果您之前的内联块的宽度为210px,则一旦空间宽度超过6px,就会发生包装;对于典型的可变宽度西方字体,大约17px字体大小的声音恰好适合它。