关于一个浏览器样式兼容的问题_html/css_WEB-ITnose
程序员文章站
2022-05-26 22:36:15
...
我想做一个按钮提交的布局,如下代码,在Chrome17和IE9下显示没问题,input跟button可以显示在同一条线上,不过在Firefox13.0.1和Opera12.01下,按钮Button却会突出向上,input和Button不显示在同一条线上,想问下各位大神,这个兼容Firefox和Opera(这个不支持也无所谓)的CSS该怎么写,使得input和button可以显示在同一条线上,谢了
加二个浮动就可以
Test
回复讨论(解决方案)
加二个浮动就可以
CSS code
有个问题,我对btn加个宽度,例如“width:150px”,按钮会排到input标签下面去了
因为你的容器
#main {
width: 300px;
只有300宽啊,
150px+200px;放不下啊
推荐阅读
-
关于HTML5 Placeholder新标签低版本浏览器下不兼容的问题分析及解决办法
-
html5\CSS3有哪些新特性、移除了哪些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?
-
关于老式浏览器兼容HTML5和CSS3的问题
-
处理HTML5新标签的浏览器兼容版问题
-
关于IE8/9的兼容性视图问题 浏览器GoogleIE配置管理脚本
-
关于IE8/9的兼容性视图问题 浏览器GoogleIE配置管理脚本
-
HTML5有哪些新特性,移除了哪些元素?如何处理HTML5新标签的浏览器兼容性问题?如何区分HTML和HTML5?
-
关于HTML5+ API plusready的兼容问题
-
关于angular浏览器兼容性问题的解决方案
-
[转]CSS浏览器兼容问题总结_html/css_WEB-ITnose