Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 工业工程署(IE& ;;Firefox有div宽度限制吗?_Javascript_Css_Internet Explorer_Firefox - Fatal编程技术网

Javascript 工业工程署(IE& ;;Firefox有div宽度限制吗?

Javascript 工业工程署(IE& ;;Firefox有div宽度限制吗?,javascript,css,internet-explorer,firefox,Javascript,Css,Internet Explorer,Firefox,简而言之,我正在尝试制作一个天气滚动条,它将水平显示大约50个城市的天气。我遇到的问题是,IE和FF都制作了2-3条线,相当于城市,而Chrome则将其保持在一条漂亮的水平线上。所以Chrome有1行滚动显示天气,IE+FF有2-3行滚动显示。我已将当前代码粘贴到pastebin以避免页面溢出 有人知道吗 多谢各位 编辑:忽略最后一行Javascript,该行显示为widnow.onresize您可以执行以下操作: .weather_entry{ display:inline; float

简而言之,我正在尝试制作一个天气滚动条,它将水平显示大约50个城市的天气。我遇到的问题是,IE和FF都制作了2-3条线,相当于城市,而Chrome则将其保持在一条漂亮的水平线上。所以Chrome有1行滚动显示天气,IE+FF有2-3行滚动显示。我已将当前代码粘贴到pastebin以避免页面溢出

有人知道吗

多谢各位

编辑:忽略最后一行Javascript,该行显示为widnow.onresize

您可以执行以下操作:

.weather_entry{
 display:inline;
 float:left;
}
这是不允许的。浮动仅在块级元素上受支持。使用以下命令应该可以完成您想要的操作

.weather_entry{
 display:block
 float:left;
}
浮动将确保元素是内联的。
另外,我也不太清楚为什么要让字幕浮动:左,但你可能有你的理由。

事实上,这是允许的。根据CSS2.1 C.3.17第9.7节,在这种情况下,浏览器应将显示:内联更改为显示:块。因此,指定display:inline的浮点与指定display:inline表的浮点的行为不同。“display:inline;float:left;”通常用于“修复”IE对浮动元素的双边距错误。浮动会强制元素阻塞,所以实际上不会有太大变化。