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

2024-11-20 04:51:16

推荐回答（5个）

回答1：

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

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

回答2：

我们可以用一个div盒子将文本框和按钮包在一个盒子里面:
如：

然后给他们样式：
div{width:200px; height:30px;float:left}
input{width:135px;height:30px;float:left}
button{width:60px;height:30px;}
这样文本框和按钮就在一行内了，如果想好看一点可以给div一个边框样式，input和button不要给边框，看起来就好看多了

回答3：

因为宽度不够的时候浮动内容会自动换行。你的iText定义了宽度99%，btn的宽度应该是大于1%了，这个时候iText就会换行。

你试试看这样

回答4：

fieldset div{clear:left;margin-bottom:2px;}

改为fieldset div{float:left;margin-bottom:2px;}

解释：你的按钮和输入框都在各自的div里，所以设置float没用，要对div设置float。

回答5：

display:block