如何用ul布局實(shí)現(xiàn)購(gòu)物車
<!DOCTYPE html>
<html>
<head>
?? ?<meta charset="UTF-8">
?? ?<title>購(gòu)物車</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>單價(jià)</li>
?? ??? ??? ??? ?<li>數(shù)量</li>
?? ??? ??? ??? ?<li>小計(jì)</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>合計(jì)：</span>
?? ??? ??? ??? ?<strong>￥<em>0.00</em></strong>
?? ??? ??? ?</div>
?? ??? ??? ?<div>
?? ??? ??? ??? ?<a href="">結(jié)算</a>
?? ??? ??? ?</div>
?? ??? ?</div>
?? ?</div>
</body>
</html>
折騰了很久，一直糾結(jié)于要如何獲得input標(biāo)簽，郁悶呀
