已经设置了float,为何text文本框在按钮下面
(text文本框宽度自适应)
<head><title>email页面</title><style type="text/css">
<!--
body{font-family:Arial;font-size:12px;text-align:center;}
.inner{overflow:hidden;}
.inner div{padding:1px;}
.iText input {width: 99%;}
.btn input{float:left;width:100px;padding:1px 10px;font-size:12px;border:1px solid;}
#formwrapper{width:98%;margin:15px auto;padding:20px;text-align:left;border:1px solid;}
fieldset{padding:10px;margin-top:5px;border:1px solid;}
fieldset legend{font-weight:bold;padding:3px 20px 3px 20px;border:1px solid;}
fieldset div{clear:left;margin-bottom:2px;}
-->
</style></head><body>
<div id="formwrapper">
<form id="formEmail" name="formEmail" method="post" action="#">
<fieldset><legend>收件人:</legend>
<div class="inner">
<div class="btn"><input type="button" name="emailAddPick" value="常用地址"></div>
<div class="iText"><input type="text" name="emailAdd"></div>
</div></fieldset></form></div></body></html>
因为宽度不够的时候浮动内容会自动换行。你的iText定义了宽度99%,btn的宽度应该是大于1%了,这个时候iText就会换行。
你试试看这样
<div>