首页 > 代码库 > div 导航自适应浏览器宽度
div 导航自适应浏览器宽度
<!DOCTYPE html>
<html>
<head>
<title>自适应宽度</title>
<style>
#condition{float:left; text-align:center; }
#condition ul{margin-top:0px; display:inline-block; }
#condition ul li{ float:left; list-style:none; }
</style>
<link rel="stylesheet" href="http://www.mamicode.com/css/style.css" media="screen" type="text/css" />
</head>
<body>
<div id="condition" >
<ul>
<li>
类型选择:<select id="${prefix}typeselect" name="typeselect" style="width: 70px" >
<option value="http://www.mamicode.com/1">全部</option>
<option value="http://www.mamicode.com/2">到货检验</option>
<option value="http://www.mamicode.com/3">反馈调查</option>
<option value="http://www.mamicode.com/4">后续监管</option>
</select>
</li>
<li>产品种类:<input id="${prefix}uncategory" name="uncategory" type="text" size="15" onclick="cateonclick()"/></li>
<li>HS编码:<input id="${prefix}unhscode" name="unhscode" type="text" value="" size="15" /></li>
<li>报检单位:<input id="${prefix}undeclregno" name="undeclregno" type="text" value="" size="15" /> </li>
</ul>
<ul>
<li>制造商:<input id="${prefix}unmanufacturer" name="unmanufacturer" type="text" value="" size="15" onclick="open_Manufacturer_box()"></li>
<li>品牌:<select id="${prefix}unbrand" name="unbrand" style="width: 110px"></select></li>
<li>型号规格:<select id="${prefix}unspecification" name="unspecification" style="width: 110px"></select> </li>
<li>收货人:<input id="${prefix}unfinallyuser" name="unfinallyuser" type="text" value="" size="15" /></li>
</ul>
<ul>
<li>贸易国别:<input id="${prefix}untradecountrycode" name="untradecountrycode" type="text" value="" size="10" /> </li>
<li>原产国:<input id="${prefix}unorigincountrycode" name="unorigincountrycode" type="text" value="" size="10" /> </li>
<li>监管区域:<input id="${prefix}unsupervisionplace" name="unsupervisionplace" type="text" value="" size="10" /></li>
<li>监管部门:<select id="${prefix}unsupervisionplacedept" name="unsupervisionplacedept" style="width: 110px"></select>
</li>
<li>
<a href="javascript:void(0)" id="" class="easyui-linkbutton" iconCls="icon-search" plain="true" onclick="SearchingRankingUnqualified()">查询</a></li>
</ul>
<div>
</body>
</html>
本文出自 “可可” 博客,请务必保留此出处http://zhengkeke.blog.51cto.com/6344605/1436557