首页 > 代码库 > 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