欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

关于一个浏览器样式兼容的问题_html/css_WEB-ITnose

程序员文章站 2024-01-11 21:58:46
...
我想做一个按钮提交的布局,如下代码,在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;放不下啊