css中不能让文本框与按钮水平对齐？？求解

html-css017

css中不能让文本框与按钮水平对齐？？求解,第1张

input[type="text"]:focus,input[type="searchinput"]:focus

{background:#CCCCCCheight:18px}

没有你这样的写法，应该是

label{background:#CCCCCCheight:18px}

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：button {display: inline-block}。

3、浏览器运行index.html页面，此时2个按钮水平对齐了。

首先你的按钮和文本框都是在各自的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%即可。