如何用ul布局实现购物车
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>购物车</title>
<link rel="stylesheet" type="text/css" href="css/public.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<style type="text/css">
</style>
</head>
<body>
<div>
<div>
<ul>
<li>
<input type="checkbox" />
<label>全选</label>
</li>
<li>商品</li>
<li>单价</li>
<li>数量</li>
<li>小计</li>
<li>操作</li>
</ul>
</div>
<div>
<ul>
<li>
<input class="check_one check" type="checkbox" />
</li>
<li>
<div class="goods_img fl">
<img src="images/1.jpg" />
</div>
卡西欧
</li>
<li>5999</li>
<li>
<div>
<a></a>
<input type="text" value="1"/>
<a>+</a>
</div>
</li>
<li>5999</li>
<li>删除</li>
</ul>
<ul>
<li>
<input class="check_one check" type="checkbox" />
</li>
<li>
<div class="goods_img fl">
<img src="images/1.jpg" />
</div>
卡西欧
</li>
<li>5999</li>
<li>
<div>
<a></a>
<input type="text" value="1"/>
<a>+</a>
</div>
</li>
<li>5999</li>
<li>删除</li>
</ul>
</div>
</div>
<div>
<input type="checkbox" /><label>全选</label>
<span>删除</span>
<div class="shop_foot_right fr">
<div class="show_goods fl">
<span>已选商品</span>
<em>0</em>
<span>件</span>
<span></span>
</div>
<div class="price_sum fl">
<span>合计：</span>
<strong>￥<em>0.00</em></strong>
</div>
<div>
<a href="">结算</a>
</div>
</div>
</div>
</body>
</html>
折腾了很久，一直纠结于要如何获得input标签，郁闷呀
