CSS中如何把文本框和按钮放在一行内?

html-css023

CSS中如何把文本框和按钮放在一行内?,第1张

首先你的按钮和文本框都是在各自的div里,而不是同层,所以对他们设置float无效,要对他们外面那个div设置float。其次你怎么可以加fieldset div{clear:leftmargin-bottom:2px},这里的clear:left会让所以的div强制换行的。

所以方法很简单,将fieldset div{clear:leftmargin-bottom:2px}改为

fieldset div{float:leftmargin-bottom:2px}即可,即clear改为float即可。

附:input右边有些剪切,因为有padding:1px,所以宽度99%太大,改小点比如95%即可。

<input type="text" style="float:left"> <input  type="submit"  value="确定"/>

其实就算不加这个样式,也应该是在同一行的,看下是不是外层容器给的宽度不够,或者受其他样式影响了。