Html 左侧浮动不在浏览器中工作

Html 左侧浮动不在浏览器中工作,html,css,Html,Css,下面链接上的代码在jsfiddle上运行良好,但不幸的是float:lefft在chrome/firefox上不工作。任何指向这个方向的指针都会有帮助 jdk-7u11-linux-i586.rpm 107M 行为的不同在于您是否有DOCTYPE。如果您创建了一个完整的html文件,顶部有DOCTYPE,如下所示: <!DOCTYPE html> 那么它应该像预期的那样工作 引述: 由于遗留原因,需要doctype。省略时,浏览器倾向于使用与某些规范不兼容的不同渲染模式。在

下面链接上的代码在jsfiddle上运行良好,但不幸的是float:lefft在chrome/firefox上不工作。任何指向这个方向的指针都会有帮助


jdk-7u11-linux-i586.rpm
107M

行为的不同在于您是否有DOCTYPE。如果您创建了一个完整的html文件,顶部有DOCTYPE,如下所示:

<!DOCTYPE html>

那么它应该像预期的那样工作

引述:

由于遗留原因,需要doctype。省略时,浏览器倾向于使用与某些规范不兼容的不同渲染模式。在文档中包含DOCTYPE可确保浏览器尽最大努力遵循相关规范


如果它在小提琴上很好用,那么发布它有什么意义呢?发布一个显示您的问题的文件。复制并粘贴代码作为html文件,运行它,您会发现div不会向左浮动,issue@j08691会有帮助:为什么将其粘贴到文件中以在本地运行会与小提琴有任何区别?这正是我的问题@j08691
<!DOCTYPE html>