Heim >Web-Frontend >HTML-Tutorial >有两个input标签放到一行，如何实现左边的Input自适应宽度，右边的固定宽度。_html/css_WEB-ITnose
有两个input标签放到一行，如何实现左边的Input自适应宽度，右边的固定宽度。_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:19:181827Durchsuche
其实就是需要左边的input宽度实现100%-30，右边的宽度始终是30
回复讨论(解决方案)
js可以搞定，css不会
自己搞定了：
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>input type="file"</title> <style type="text/css"> body{ font-size:14px;} input{ vertical-align:middle; margin:0; padding:0} .file-box{width:100%} .txt{ position:absolute; height:22px; border:1px solid #cdcdcd;left:10px;right:100px} .btn{ position:absolute; background-color:#FFF; border:1px solid #CDCDCD;height:24px; width:70px;right:20px} </style></head><body> <div class="file-box"> <form action="" method="post" enctype="multipart/form-data"> <input type='text' name='textfield' id='textfield' class='txt' /> <input type='button' class='btn' value='浏览' /> </form> </div></body></htm> Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：ul li实现表格问题_html/css_WEB-ITnoseNächster Artikel：dreamweaver编辑html，结果电脑意外关机，正在编辑的代码全部没有了_html/css_WEB-ITnose